各反復タグ

各反復タグ

<!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持って反復されているNG-スコープを与えます。今私はこれらの特定のスコープにアクセスしたいと思っています。それをどうすれば実現できますか？

出典

2017-02-15 Abhishek

すべてのスコープが同じコントローラに属し、スコープ名が同じであるとしてどのように我々は、各スコープを参照することができ、この

<!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>

出典

2017-02-15 09:14:55

をお試しくださいすべての反復された値（変更されるでしょう、どのように配列のように???）、どのように動作しますか？ – Abhishek

公式ドキュメントに行きましょう。そこにはフィンがあります。この回答はあなたのために機能しますか？ –

<!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>

出典

2017-02-15 09:18:26

答えて

関連する問題