角度 js 动态指定 ng-model 并返回该文本框值

Question

我需要动态地将 ng-model 分配给输入，并在按钮单击时检索所有文本框的值。 alert(x.WeekNumber) 没有给出价值

模板

<table class="table-bordered">   
    <tr ng-repeat="x in weekOneData">
        <td>{{x.dayDate}}</td>
        <td><input type="number" value="0" id="x.WeekNumber" />{{x.WeekNumber}}</td>
    </tr>
</table>

<button class="btn btn-default" ng-click="TestFunction()">testing</button>

控制器

 $scope.weekOneData = [];
for (var index = 1; index <= 7; index++) {
    var ob = new Object();
    ob.dayDate = formattedDate;
    ob.WeekNumber = index;$scope.weekOneData[index - 1] = ob;
   }
$scope.TestFunction = function () {
  //  sum=textbox1+textbox2+textbox3
}

Answer 1

我不清楚你想用这段代码实现什么。但问题是您在ng-repeat 范围之外引用了x。试试这个：

<table class="table-bordered">   
    <tr ng-repeat="x in weekOneData">
        <td>{{x.dayDate}}</td>
        <td><input type="number" value="0" id="x.WeekNumber" />{{x.WeekNumber}}
        <button class="btn btn-default" ng-click="TestFunction(x)">testing</button></td>
    </tr>
</table>

这是一个“工作”示例： http://plnkr.co/edit/aiWasYUnV19d7JMPnjJZ?p=preview