我正在尝试使用角度js将此数据绑定到Html

Question

我尝试使用ng-repeat值，group1，group2

我正在

GRP1

GRP2

ABC

DEF

值1

值2

我需要

GRP1

  abc

     valu1                           

GRP2

      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];   

Answer 1

模板不会直接使用$scope。它会是这样的：

<ul>
    <li> {{ keys[0] }}</li> // heading
    <li> {{ keys[1] }}</li> // sub heading
    <li> {{ result }}</li>  // values
</ul>

范围隐含在模板中，{{ }}用于插值。