6

AngularJSのディレクティブを理解するのに苦労しています。AngularJS自体による定義は、せいぜい混乱を招きます。

Directives are a way to teach HTML new tricks. During DOM compilation directives are matched against the HTML and executed. This allows directives to register behavior, or transform the DOM.

誰かがプログラミングの指導で一般的に使用される平易な英語でAngularJSのディレクティブを説明できますか？何かのようなもの：directives are funcions/objects that extends ...

4

3 に答える 3

9

これらは、HTML を拡張し、新しい要素を追加したり、既存の要素に新しい属性を追加したりする方法です。Angular の開発者ガイドから:

ディレクティブは、カスタム属性、要素名、またはクラス名の存在によってトリガーされる動作または DOM 変換です。ディレクティブを使用すると、宣言的な方法で HTML 語彙を拡張できます。

それらを使用して、HTML に動作を追加したり、スコープと DOM 要素に属する変数間の双方向バインディングを維持するリンク関数を定義したり、DOM を動的に操作したり、新しい DOM 要素や属性を変更または生成することさえできるコンパイル関数を定義したりできます。HTML を拡張し、それをドメイン固有言語に変換する方法と考えてください。

于 2013-02-02T15:45:35.263 に答える
4

ディレクティブには、属性、タグ、さらにはクラス名を使用できます。

HTMLマークアップに書き込むと、Angularによって取得され、定義したとおりに動作します。

またはのような新しいカスタムHTML要素、またはのような新しい動作属性を定義する機能を提供します

<div angry></div>

そして、誰かがそのdivをクリックすると、「I'mAngry」というメッセージが表示されます。

基本的に、HTMLをできるだけスリムで理解しやすいものにするために、必要なすべての拡張機能を実行できます。それはすべて、ディレクティブをどのように定義するかによって異なります。

于 2013-02-02T14:20:11.393 に答える
0

AngularJS ディレクティブは、HTML テンプレート マークアップ (つまり、属性、要素、および CSS クラス) と JavaScript コードのサポートの組み合わせです。angularJs JavaScript コードは、html 要素の html データと動作を定義します。

AngularJs ディレクティブは、HTML ボキャブラリを拡張するために使用されます。つまり、新しい動作で html 要素を装飾し、興味深い方法で html 要素の属性を操作するのに役立ちます。

ng-app、ng-controller、ng-repeat、ng-model などのように、AngularJS によって提供される組み込みディレクティブがいくつかあります。

于 2016-12-05T06:42:39.920 に答える