私は小さなチームで働いており、AngularJSでビルドして、いくつかの基本的な標準とベストプラクティスを維持しようとしています。特に、Angularは比較的新しいです。
私の質問は、ディレクティブに関してです。より正確には、restrictオプション。
私たちの一部はrestrict: 'E'このよう<my-directive></my-directive>にhtml を使用しています。
他の人たちはhtml restrict: 'A'を使用<div my-directive></div>している。
そして、もちろん、restrict: 'EA'上記のいずれかを使用することができます。
現時点では大した問題ではありませんが、このプロジェクトの規模が大きくなると、誰もがそれを見て、何が起こっているのかを簡単に理解してもらいたいと思います。
物事の属性または要素の方法に賛成/反対はありますか？
属性よりもsay要素を選択する場合に知っておくべき落とし穴はありますか？
回答:
ドキュメントによると：
属性と要素のどちらを使用すればよいですか？テンプレートを制御するコンポーネントを作成する場合は、要素を使用します。この一般的なケースは、テンプレートの一部にドメイン固有言語を作成する場合です。既存の要素を新しい機能で装飾する場合は、属性を使用します。
完全な答えを得るために、落とし穴に関する以下のコメントを編集してください。
AngularJS 1.3からAngularJSチームによってサポートが中止されたInternet Explorer <= 8で実行する必要があるアプリを構築していると仮定して、アプリを機能させるには、次の手順に従う必要があります。https：//docs.angularjs .org / guide / ie
restrictは、ディレクティブタイプを定義するためのもので、A（Attribute）、C（Class）、E（Element）、およびM（coMment）のいずれかですDoc。ディレクティブの名前は次のとおりであるとします。
タイプ：使用法
A =
<div Doc></div>C =
<div class="Doc"></div>E =
<Doc data="book_data"></Doc>M =
<!--directive:Doc -->
通常、restrictオプションは次のように設定されています。
こちらがドキュメントのリンクです。
私が知っている落とし穴の1つは、カスタム要素のIEの問題です。ドキュメントから引用したように：
3）などのカスタム要素タグを使用しない（代わりに属性バージョンを使用）
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>回避策なしでIE8で機能しないような独自のhtml要素の使用（https://docs.angularjs.org/guide/ie）<div data-my-directive="ValueOfTheFirstParameter"></div>
これの代わりに：
<my-directive my-param="ValueOfTheFirstParameter"></my-directive>
我々はいけない。この2つの事実であればあるため、カスタムHTML要素を使用します。
サードパーティのフレームワークによるすべてのディレクティブは、次の2つの方法で記述できます。
<my-directive></my-directive>
または
<div data-my-directive></div>
同じことをします。