angularJs カスタム ディレクティブ

この記事の内容は angularJs のカスタム命令についてです。必要な友達は参考にしてください。1. 定義

特定の DOM 要素のディレクティブは、この要素の機能を拡張できます。

2. ディレクティブを定義する方法:

<br/>

最初のパラメーターであるディレクティブ myDirective は、ビュー内の特定のディレクティブを参照するために使用されます。

2 番目のパラメーターは関数です。この関数はオブジェクトを返します。$compile サービスは、DOM が命令を呼び出すときに、このメソッドによって返されたオブジェクトを使用して命令の動作を構築します。

3. ディレクティブ設定オプション

<br/>

<br/>

restrict DOM 内でディレクティブを参照または宣言できる形式

<br/>

E (要素) 、デフォルト値)

C (クラス名)
コメント) <--directive:my-directiveexpression-->

1. priority priority は、要素に同じ優先順位を持つ 2 つのディレクティブがある場合、前に宣言されたディレクティブの優先順位を示すために使用されます。最初に呼び出されます。いずれかの命令の優先順位が高い場合は、宣言の順序に関係なく、その命令が最初に呼び出されます。つまり、優先順位の高い命令が常に最初に実行されます。 <br/><br/><br/>

   ターミナルは、現在の要素でのこの命令よりも優先度の低い命令の実行を停止するように AngularJS に指示するために使用されます。ただし、現在の命令と同じ優先順位を持つ命令は引き続き実行されます。

<br/>

2. <br/>テンプレート

   は、テンプレートを表すために使用されます。テンプレートは、「

   これはカスタム命令です

   」などの文字列にすることも、関数にすることもできます。上の例

<br/>

3. templateUrl は、上記のテンプレート関数と似ていますが、外部 HTML ファイルのパスの文字列、または 2 つのパラメーターを受け入れることができる関数を表すために使用されます。パラメータは tElement と tAttrs で、HTML ファイル パスの外部文字列を返します。

4. <br/>replaceのデフォルトはfalseです。テンプレートはこのコマンドを呼び出す要素に子要素として挿入されます。trueの場合、要素は直接置換されます

   <br/>

5. scope

   <br/>

   <br/>

   <br/>

   <br/>

   <br/>

   <br/>

   <br/>

6. controller
   controller参数可以是一个字符串或一个函数。当设置为字符串时，会以字符串的值为名字， 来查找注册在应用中的控制器的构造函数.当为函数时，可以像平时写控制器那样写，可以将任意可以被注入的AngularJS服务传递给控制器

7. controllerAs（字符串）
   controllerAs参数用来设置控制器的别名，可以以此为名来发布控制器，并且作用域可以访 问controllerAs。这样就可以在视图中引用控制器，甚至无需注入$scope。

8. require
   require参数可以被设置为字符串或数组，字符串代表另外一个指令的名字。require会将控 制器注入到其值所指定的指令中，并作为当前指令的链接函数的第四个参数。

   
   

以上がangularJs カスタム ディレクティブの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。