输入和按钮的角度表

Question

我有一个表格，其字段从ng-repeat。我已将两个额外字段添加到每行，如输入和按钮。

我想要的是当我在输入中输入一些值并按下按钮时，我想用相应输入的值运行一个函数。我怎么做？

我查看

<tr ng-click="" ng-repeat='customer in customers | filter:query | orderBy: sort.field : sort.order'> 

    <td ng-repeat='field in fields'> 
     {{customer[field]}} 
    </td> 
    <td> 
     <input class="form-control" name="debit" type="text"> 
    </td> 
    <td> 
     <button ng-click="genEcs(customer['id'])" class="btn btn-primary btn-sm" >ECS</button> 
    </td> 
</tr> 

我控制器

$scope.genEcs=function(id){ 

} 

Answer 1

你需要通过ng-model属性分配模型，以您的输入。该模型将在ng-repeat每个customer的范围定义，因为ng-repeat创建子领域：

所以，你可以这样做：

<tr ng-repeat='customer in customers> 
    <td> 
     <input class="form-control" ng-model="customersDebit" name="debit" type="text"> 
    </td> 
    <td> 
     <button ng-click="genEcs(customer, customersDebit)">ECS</button> 
    </td> 
</tr> 

（我还建议，为便于阅读和分离的缘故的问题，将整个customer对象传递给genEcs函数，而不仅仅是id字段。View对业务逻辑知道的越少越好）。