angularjs - I'm trying to bind this data to Html using angular js

Question

I tried using ng-repeat value,group1,group2

i'm getting

grp1

grp2

abc

def

value1

value2

I need

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>

スコープはテンプレートで暗示され、{{ }}補間に使用されます。