Angularjs ng-cludeディレクティブ
AngularJSインスタンス
HTMLファイルが含まれています：
<！doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </scrip> </head> ng-include = "'myfile.htm'"> </div> </body> </html>
実行結果：
myfile.htmファイルタイトル
このテキストは、含まれているファイルmyfile.htmに由来します！
定義と使用法
NG-Includeディレクティブは、外部HTMLファイルを含めるために使用されます。
含まれるコンテンツは、指定された要素の子供として使用されます。
ng-cludeプロパティの値は、ファイル名を返す式にすることができます。
デフォルトでは、含まれるファイルは同じドメイン名に含める必要があります。
文法
<要素ng-include = "filename" onload = "expression" autoscroll = "expression"> </element>
ng-includeディレクティブは、要素として使用されます。
<ng-include src = "filename" onload = "expression" autoscroll = "expression"> </ng-include>
すべてのHTML要素はこの指令をサポートしています。
パラメーター値
| 価値 | 説明する |
|---|---|
| ファイル名 | ファイル名、式を使用してファイル名を返すことができます。 |
| オンロード | オプションでは、ファイルがロードされた後に実行される式。 |
| 自動販売 | オプション、含まれた部分が指定されたビューでスクロール可能であるかどうか。 |
上記は、Angularjs ng-cludeディレクティブの知識の要約であり、後で補足されます。