AngularJS ngのリピート命令
AngularJS例
ループ出力複数のタイトル：
<ボディngのアプリ= "て、myApp " NG-コントローラ= "myCtrl">
<H1のNG・リピート= "Xレコード内の"> {{X}} </ H1>
<スクリプト>
VARアプリ= angular.module（ "て、myApp」、[]）;
app.controller（「myCtrl」、関数（$スコープ）{
$ Scope.records = [
「チュートリアル1」
「このチュートリアル2」
「チュートリアル3」
「チュートリアル4」
]
}）;
</スクリプト>
</ BODY>
<H1のNG・リピート= "Xレコード内の"> {{X}} </ H1>
<スクリプト>
VARアプリ= angular.module（ "て、myApp」、[]）;
app.controller（「myCtrl」、関数（$スコープ）{
$ Scope.records = [
「チュートリアル1」
「このチュートリアル2」
「チュートリアル3」
「チュートリアル4」
]
}）;
</スクリプト>
</ BODY>
»をお試しください
定義と使用法
HTML要素の指定された数値のNG-リピート命令ループ出力。
コレクションは、配列またはオブジェクトでなければなりません。
文法
<要素NG・リピート= "表現 "> </要素>
すべてのHTML要素は、命令をサポートしています。
パラメータ値
| 値 | 説明 |
|---|---|
| 表現 | 発現がどのように収集サイクルを定義します。 例ルール式： x in records (key, value) in myObj |
より多くの例
AngularJS例
配列のループを使用すると、テーブルを出力します。
<表のNG-コントローラ= "myCtrl "国境= "1">
<Trのngのリピート= "Xのレコードで">
<TD> {{x.Name}} </ TD>
<TD> {{x.Country}} </ TD>
</ TR>
</表>
<スクリプト>
VARアプリ= angular.module（ "て、myApp」、[]）;
app.controller（「myCtrl」、関数（$スコープ）{
$ Scope.records = [
{
"名前"： "Alfreds Futterkiste」、
"国"： "ドイツ"
}、{
"名前"： "Berglunds snabbkop」、
"国"： "スウェーデン"
}、{
"名前"： "セントロコマーシャルモンテズマ」、
"国"： "メキシコ"
}、{
"名前"： "エルンスト・ヘンデル」、
"国"： "オーストリア"
}
]
}）;
</スクリプト>
<Trのngのリピート= "Xのレコードで">
<TD> {{x.Name}} </ TD>
<TD> {{x.Country}} </ TD>
</ TR>
</表>
<スクリプト>
VARアプリ= angular.module（ "て、myApp」、[]）;
app.controller（「myCtrl」、関数（$スコープ）{
$ Scope.records = [
{
"名前"： "Alfreds Futterkiste」、
"国"： "ドイツ"
}、{
"名前"： "Berglunds snabbkop」、
"国"： "スウェーデン"
}、{
"名前"： "セントロコマーシャルモンテズマ」、
"国"： "メキシコ"
}、{
"名前"： "エルンスト・ヘンデル」、
"国"： "オーストリア"
}
]
}）;
</スクリプト>
»をお試しください
AngularJS例
オブジェクトテーブルを使用して、出力の周期：
<表のNG-コントローラ= "myCtrl "国境= "1">
< "（TrのNG-リピート=このmyobj中のx、y）は">
<TD> {{X}} </ TD>
<TD> {{Y}} </ TD>
</ TR>
</表>
<スクリプト>
VARアプリ= angular.module（ "て、myApp」、[]）;
app.controller（「myCtrl」、関数（$スコープ）{
$ Scope.myObj = {
"名前"： "Alfreds Futterkiste」、
"国"： "ドイツ"、
"市"： "ベルリン"
}
}）;
</スクリプト>
< "（TrのNG-リピート=このmyobj中のx、y）は">
<TD> {{X}} </ TD>
<TD> {{Y}} </ TD>
</ TR>
</表>
<スクリプト>
VARアプリ= angular.module（ "て、myApp」、[]）;
app.controller（「myCtrl」、関数（$スコープ）{
$ Scope.myObj = {
"名前"： "Alfreds Futterkiste」、
"国"： "ドイツ"、
"市"： "ベルリン"
}
}）;
</スクリプト>
»をお試しください