Angular js动态地指定ng-model，并返回该文本框的值

angular js specify ng-model dynamically and access that text box value back

本文关键字：返回 文本 动态 js ng-model Angular      更新时间：2023-09-26

我需要动态地为输入分配一个ng模型，并检索按钮单击时的所有文本框值。alert(x.WeekNumber)没有给出value

模板

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

我不清楚你想用这个代码实现什么。但问题是您在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

相关文章：