我在一个小团队中工作，使用AngularJS进行构建，并尝试保持一些基本标准和最佳实践；特别是考虑到我们在Angular方面相对较新。
我的问题与指令有关。 更准确地说，是关于 restrict 选项。
我们中的一些人正在使用 restrict: 'E'，因此在html中有 <my-directive></my-directive>。
其他人正在使用 restrict: 'A' 并在html中有 <div my-directive></div>。
然后，当然，您可以使用 restrict: 'EA' 并使用上述任一选项。
目前这并不是什么大问题，但是当这个项目越来越大时，我希望任何查看它的人都能轻松理解发生了什么。
采用属性或元素方式做事情是否存在利弊？
如果选择元素而不是属性，是否有任何陷阱需要知道？
restrict 用于定义指令类型，可能是 A (属性)，C (类)，E (元素)，和 M (注释)。假设指令名称为 Doc：
类型：用法
A =
<div Doc></div>C =
<div class="Doc"></div>E =
<Doc data="book_data"></Doc>M =
<!--directive:Doc -->
什么情况下应该使用属性而不是元素？当你创建一个控制模板的组件时，请使用元素。这种情况通常发生在为模板的某些部分创建特定领域语言时。当您使用新功能装饰现有元素时，请使用属性。
针对完整答案的陷阱，编辑以下评论：
假设您正在构建一个应在Internet Explorer <= 8上运行的应用程序。AngularJS团队已经从AngularJS 1.3中停止了对其的支持，因此您必须遵循以下指示才能使其正常工作：https://docs.angularjs.org/guide/ie
默认情况下，IE8不支持Element标签，您需要进行一些工作才能使IE8接受自定义标签。
使用属性而不是元素的一个优点是，可以在同一DOM节点上应用多个指令。这对于诸如表单控件之类的东西特别方便，因为您可以通过添加其他属性来突出显示、禁用或添加标签等，而无需将元素包装在一堆标签中。
据我所知，其中一个问题是IE对自定义元素的支持问题。引用自文档：
3) 不要使用自定义元素标签，如<my-directive>（请使用属性版本<div my-directive>）
4) 如果您使用自定义元素标记，则必须执行以下步骤才能使IE 8及以下版本正常工作
<!doctype html>
<html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="optionalModuleName">
<head>
<!--[if lte IE 8]>
<script>
document.createElement('ng-include');
document.createElement('ng-pluralize');
document.createElement('ng-view');
// Optionally these for CSS
document.createElement('ng:include');
document.createElement('ng:pluralize');
document.createElement('ng:view');
</script>
<![endif]-->
</head>
<body>
...
</body>
</html>
注意事项:
<my-directive></my-directive>）需要解决问题才能正常工作（https://docs.angularjs.org/guide/ie）。<div data-my-directive="第一个参数的值"></div>
而非这样：
<my-directive my-param="第一个参数的值"></my-directive>
由于上述2个原因，我们不使用自定义html元素。
第三方框架编写的每个指令可以以两种方式编写：
<my-directive></my-directive>
或
<div data-my-directive></div>
二者均可实现同样的功能。
元素存在两个问题：
使用属性。
replace属性设置为true呢？ - chalasr