0

ng-repeat value,group1,group2 を使ってみた

私は得ています

グループ1

グループ2

abc

デフォルト

値1

値2

私は欲しい

グループ1

  abc

     valu1

グループ2

      def

          valu1  

Html:
<ul>
<li ng-repeat="heading in group1"> {{heading}} </li> // heading
<li ng-repeat="subheading in group2"> {{subheading }} </li> // sub heading
<li ng-repeat="val in value"> {{val}} </li> // value
</ul>



JavaScript:

                             $scope.group1 = [grp1,grp2];
                             $scope.group2 = [abc,def];
                             $scope.value = [value1,value2];
4

3 に答える 3

1

$index を使用して他のサブ値を取得する

 <div ng-repeat="eachval in group1">
   <p>{{ eachval }}</p>
   <p style="margin-left:15px">{{ group2[$index]}}</p>
   <p style="margin-left:25px">{{ value[$index]}}</p>
 </div>

これがWORKING FIDDLEです

于 2013-11-13T13:37:37.890 に答える
0

3 つの異なるキーを持つ単一の配列を使用する必要があります

$scope.arrayList = [{group1Name : 'grp1',group2Name: 'abc', valueName: 'val1'},
{group1Name : 'grp2',group2Name: 'def', valueName: 'val2'}]

htlmは次のようになります

<li ng-repeat="group in arrayList">
    <div>{{group.group1Name}}</div>
    <div>{{group.group2Name}}</div>
    <div>{{group.valueName}}</div>
</li>

簡単な JavaScript を記述して、1 つの配列で 3 つの配列を変更できます。お役に立てれば

于 2013-11-13T13:16:08.947 に答える
0

ng-repeat の開始点と終了点を使用して最初の配列を反復し、次に使用$indexして他の要素を参照します。

<ul>
    <li ng-repeat-start="heading in group1">{{heading}}</li> // heading
    <li> {{group2[$index]}} </li> // sub heading
    <li ng-repeat-end> {{val[$index]}} </li> // value
</ul>
于 2013-11-13T13:21:46.073 に答える