1. ホーム
  2. javascript

[解決済み] AngularJS ディレクティブの制限 A vs E

2022-08-01 16:21:46

質問

私は小さなチームで働いており、AngularJSで構築しています。特に私たちがAngularで比較的新しいことを考えると、いくつかの基本的な標準やベストプラクティスを維持しようとしています。

私の質問は、ディレクティブに関してです。より正確には restrict オプションのことです。

中には restrict: 'E' を使っているので <my-directive></my-directive> と表示されます。

その他は restrict: 'A' を使っていて <div my-directive></div> をhtmlの中に入れてください。

では、当然ながら restrict: 'EA' を使い、上記のどちらかを使用します。

今のところ大したことではありませんが、このプロジェクトが大きくなったとき、誰が見ても何が起こっているのか簡単に理解できるようにしたいのです。

属性と要素の方法のどちらにも長所と短所がありますか?

属性より要素という選択をした場合、何か知っておくべき落とし穴があるのでしょうか?

どのように解決するのですか?

によると のドキュメントによると :

どのような場合に属性と要素を使い分ければよいのでしょうか? 要素を使用するのは テンプレートを制御するコンポーネントを作成する場合。例えば 一般的なケースは、テンプレートの一部にドメインスペシフィック言語を作成する場合です。 言語を作成する場合です。属性を使用するのは、以下のような場合です。 既存の要素に新しい機能を持たせる場合に使用します。

完全な答えのために、落とし穴に関する次のコメントを編集してください。

AngularJSチームによってAngularJS 1.3からサポートが打ち切られたInternet Explorer <= 8上で動作するアプリを構築していると仮定すると、それを動作させるには、次の指示に従わなければなりません。 https://docs.angularjs.org/guide/ie