2017-12-08 15 views
-1

使用angularJs、このようなコードない作業ではない:複数NG-繰り返し

<td ng-repeat="i in data.numArr3"> 
    <select ng-model="num{{i}}" ng-change="change()"> 
     <option ng-repeat="item in data.numArr3" value="{{item}}">{{item}}</option> 
    </select> 
</td> 

コントローラ:

$scope.data = { 
    numArr2: [0,1,2,3,4,5,6,7,8,9,10], 

    numArr3: ["-0",-1,-2,-3,-4,-5,-6,-7,-8,-9,-10], 
    } 

それが動作しません。 同じ選択肢を持つ11個の選択肢を作成したいだけです。 感謝〜

+1

*「それはうまくいかない」* ...それは価値のあるものを誰にでも伝える問題のステートメントではありません – charlietfl

答えて

0
あなたはこの

ng-repeat="i in vm.data.numArr3" 

デモのようng-controller="myCtrl as vm"

アクセススコープ変数にcontrollerAs

変更をあなたのコントローラーを使用してこれを行うことができます

var app = angular.module("myApp",[]); 
 
app.controller("myCtrl",function($scope){ 
 
var vm = this; 
 
vm.num ={} 
 
vm.data = { 
 
    numArr2: [0,1,2,3,4,5,6,7,8,9,10], 
 

 
    numArr3: ["-0",-1,-2,-3,-4,-5,-6,-7,-8,-9,-10], 
 
    } 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl as vm"> 
 
<table> 
 
    <tr> 
 
    <td ng-repeat="i in vm.data.numArr3"> 
 
    <select ng-model="vm.num[i]" ng-change="vm.change()"> 
 
     <option ng-repeat="item in vm.data.numArr3" value="{{item}}">{{item}}</option> 
 
    </select> 
 
    </td> 
 
    </tr> 
 
</table> 
 
</div>

関連する問題