2017-02-15 2 views
0

각 반복 태그

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
    </head> 
 
    <body> 
 
    <div ng-app="myApp" ng-controller="customersCtrl"> 
 
     <button ng-click="call('d')">for d</button> 
 
     <button ng-click="call('f')">for f</button> 
 
     <ul> 
 
     <li ng-repeat="x in a[replace]">{{ngController}} 
 
      {{x}}<div><input ng-model=well ng-click=fun()>{{well}}</div> 
 
     </li> 
 
     </ul> 
 
    </div> 
 
    <script> 
 
     var app = angular.module('myApp', []); 
 
     app.controller('customersCtrl', function($scope) { 
 
     $scope.a = { 
 
      d:[1,2,3,4,5], 
 
      f:[6,7,8,9] 
 
     }; 
 
     $scope.call = function(val) { 
 
      $scope.replace=val; 
 
     } 
 
     }); 
 
    </script> 
 
    </body> 
 
</html>
여기

의 범위의 값을 얻는 방법 NG-반복 I가 반복되는 겨-범위를 제공합니다. 이제 특정 범위에 액세스하려고합니다. 어떻게하면 될까요?

답변

0

보십시오이 모든 범위가 동일한 컨트롤러에 속하고 해당 범위 이름의 동일 우리가 각각의 범위를 참조 할 수있는 방법

<!DOCTYPE html> 
 
    <html> 
 
     <head> 
 
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
     </head> 
 
     <body> 
 
      <div ng-app="myApp" ng-controller="customersCtrl"> 
 
       <button ng-click="call('d')">for d</button> 
 
       <button ng-click="call('f')">for f</button> 
 
       <ul> 
 
        <li ng-repeat="x in a[replace]">{{ngController}} 
 
         {{x}}<div><input type="text" ng-model="x" ng-click=fun()>{{x}}</div> 
 
        </li> 
 
       </ul> 
 
      </div> 
 
      <script> 
 
       var app = angular.module('myApp', []); 
 
       app.controller('customersCtrl', function($scope) { 
 
        $scope.a = { 
 
         d:[1,2,3,4,5], 
 
         f:[6,7,8,9] 
 
        }; 
 
        $scope.call = function(val) { 
 
         $scope.replace=val; 
 
        } 
 
       }); 
 
      </script> 
 
     </body> 
 
    </html>

+0

모든 반복 된 값 (변경 될 것입니다, 어떻게 배열처럼 ???), 어떻게 작동합니까? – Abhishek

+0

공식적인 공식 문서로 이동하면 거기에 핀이 생깁니다. 이 대답이 효과가 있습니까? –

0

<!DOCTYPE html> 
 
    <html> 
 
     <head> 
 
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
     </head> 
 
     <body> 
 
      <div ng-app="myApp" ng-controller="customersCtrl"> 
 
       <button ng-click="call('d')">for d</button> 
 
       <button ng-click="call('f')">for f</button> 
 
       <ul> 
 
        <li ng-repeat="x in a[replace]">{{ngController}} 
 
         {{x}}<div><input ng-model=well ng-click=fun(well)>{{well}}</div> 
 
        </li> 
 
       </ul> 
 
      </div> 
 
      <script> 
 
       var app = angular.module('myApp', []); 
 
       app.controller('customersCtrl', function($scope) { 
 
        $scope.a = { 
 
         d:[1,2,3,4,5], 
 
         f:[6,7,8,9] 
 
        }; 
 
        $scope.call = function(val) { 
 
         $scope.replace=val; 
 
        } 
 
        $scope.fun = function(vl){alert(vl)} 
 
       }); 
 
      </script> 
 
     </body> 
 
    </html>