2016-11-01 4 views
0

배열 ar 첫 번째 # div1의 배열이 모든 div에서 반복됩니다. 다른 모든 div에는 공통 배열 변수 이름 ar이 있습니다. 나는 다른 이름으로 시도했다. 정적 값에 관심이 있다면div 태그의 배열 변수가 angularJS의 다른 모든 div 태그에서 복제됩니다.

<body ng-app=""> 
    <div id="div1" ng-init="ar=['java','j2ee','c','c++','spring','hibernate']"> 
     <ul> 
      <li ng-repeat="item1 in ar"> 
       {{item1}} 
      </li> 
     </ul> 
    </div> 
    <div id="div2" ng-init="ar=['books','pens','eraser''sharpner','scale','scale']"> 
     <table border="1"> 
      <tr ng-repeat="item2 in ar"> 
       <td>{{item2}}</td> 
      </tr> 
     </table> 
    </div> <br/> 
    <div id="div3" ng-init="ar=['html','css','angularjs''PHP','BOOTSTRAP','NODEJS']"> 
     <table border="1"> 
      <tr> 
       <th>sl.no.</th> 
       <th>courses</th> 
      </tr> 
      <tr ng-repeat="item3 in ar"> 
       <td>{{$index}}</td> 
       <td>{{item3}}</td> 
      </tr> 
     </table> 
    </div> 
    <div id="div4" ng-repeat="item4 in ar"> 
     {{item4}} 
    </div> 
</body> 

<script src="angular.js"></script> 

답변

0

, 당신은 모두 ar 같은 배열 변수를 유지 건너 뛰고 직접 배열을 전달할 수 있습니다.

<li ng-repeat="item1 in ['java','j2ee','c','c++','spring','hibernate']"> 
    {{item1}} 
</li> 

<tr ng-repeat="item2 in ['books','pens','eraser''sharpner','scale','scale'] "> 
    <td>{{item2}}</td> 
</tr> 
0

는 동일한 변수 이름을이 새 값을 사용하는 참조 요소를 초기화 할 때마다 사용, 쉼표

<div id="div2" ng-init="ar=['books','pens','eraser''sharpner','scale','scale']"> 

<div id="div3" ng-init="ar=['html','css','angularjs''PHP','BOOTSTRAP','NODEJS']"> 

또 다른 일을 포함하는 것을 잊었다 .

당신은 jsfiddle

에 당신이 여기

<body ng-app=""> 
    <div id="div1" ng-init="ar=['java','j2ee','c','c++','spring','hibernate']"> 
     <ul> 
     <li ng-repeat="item1 in ar"> 
      {{item1}} 
     </li> 
     </ul> 
    </div> 
    <div id="div2" ng-init="br=['books','pens','eraser','sharpner','scale','scale']"> 
     <table border="1"> 
     <tr ng-repeat="item2 in br"> 
      <td>{{item2}}</td> 
     </tr> 
     </table> 
    </div> 
    <br/> 
    <div id="div3" ng-init="cr=['html','css','angularjs','PHP','BOOTSTRAP','NODEJS']"> 
     <table border="1"> 
     <tr> 
      <th>sl.no.</th> 
      <th>courses</th> 
     </tr> 
     <tr ng-repeat="item3 in cr"> 
      <td>{{$index}}</td> 
      <td >{{item3}}</td> 
     </tr> 
     </table> 
    </div> 
    <div id="div4" ng-repeat="item4 in ar" > 
     {{item4}} 
    </div> 
</body> 

과를 조회, 이름을 다른 변수로 각 목록을 정의, 시도 할 수