Question

使用angularJs，代码如下：

 <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个选项，它们具有相同的选项。感谢〜

Answer 1

您可以使用controllerAs

执行此操作

将您的控制器更改为ng-controller="myCtrl as vm"

像这样访问范围变量

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

演示

＆＃13;

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], 
    }
})

＆＃13;

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

＆＃13;

多重ng重复是没有用的

1 个答案: