[解決済み] AngularJS ディレクティブの制限 A vs E
質問
私は小さなチームで働いており、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
関連
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] AngularJSを使用して、ブラウザのコンソールで$scope変数にアクセスするにはどうすればよいですか?
-
[解決済み] AngularJSで$scope.$watchと$scope.$applyを使用するにはどうすればよいですか?
-
[解決済み] AngularJS コントローラにおける 'this' と $scope の比較
-
[解決済み] 部分テンプレートとテンプレートの複雑なネスト
-
[解決済み】AngularJSのディレクティブスコープにおける「@」と「=」の違いは何ですか?
-
[解決済み】AngularJSのスコーププロトタイピング/プロトタイピング継承のニュアンスとは?
-
[解決済み] JSXとLoadshを使用して、ある要素をn回繰り返す方法
-
[解決済み] JavaScript のオブジェクトの配列を比較し、最小値/最大値を取得する
-
[解決済み] Fetch: ステータスがOKでない場合、プロミスを拒否し、エラーをキャッチするか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jqueryでdivの要素がオーバーフローしていないかチェックする
-
[解決済み] Angularjs - 現在の日付を表示する
-
[解決済み] JavaScriptを使用してHTML要素に属性を追加/更新するには?
-
[解決済み] JSXとLoadshを使用して、ある要素をn回繰り返す方法
-
[解決済み] オブジェクトの配列からReactコンポーネントをレンダリングする
-
[解決済み] JavaScriptでの大文字小文字を区別しない正規表現
-
[解決済み] コールバック地獄とは何か、RXはそれをどのように、そしてなぜ解決するのか?
-
[解決済み] Javascriptで動的に命名されたメソッドを呼び出すにはどうすればよいですか?
-
[解決済み] CORS: 認証モードは 'include' です。
-
[解決済み] HTML要素にスクロールバーがあるかどうかをチェックする