Question

我需要绑定数据以提交表格列中的表格。我正在尝试绑定像这样的数据

<tr ng-repeat="domain in domainlist">
 <td name="domain" ng-model="domain.domain" >{{domain.domain}}</td>
 <td name="status" ng-model="domain.status" >{{domain.status}}</td>
 <td name="price" ng-model="domain.price" >{{domain.price}}</td>
 <td><button class="btn btn-success" ng-click="addCart()">Add To cart</button></td>
</tr>

但输出未定义。

Answer 1

从td，ng-model中删除de-model仅适用于元素i / o

<强>控制器

 .controller('myController', function($scope){
    $scope.domainlist = [{domain: 'myDomain1', status: 1, price: 200},
                         {domain: 'myDomain2', status: 1, price: 250}];
 });

<强> HTML

<tr ng-repeat="domain in domainlist">
     <td name="domain">{{domain.domain}}</td>
     <td name="status">{{domain.status}}</td>
     <td name="price">{{domain.price}}</td>
     <td><button class="btn btn-success" ng-click="addCart()">Add To cart</button>
    </td>
</tr>

Answer 2

是的，删除ng-model并在addCart方法中将域作为参数传递，请参阅此处Plunker

Answer 3

一些观察结果：

ng-model与form elements合作，例如input，select，checkbox，radio，etc..
您可以直接使用角度表达式{}来绑定<td>，<p>，<span>，etc..

<强>样本

var myApp = angular.module('myApp',[]);

myApp.controller('MyCtrl', function($scope) {
    $scope.domainList = [{"domain": 'myDomain1', "status": 1, "price": 200},
                         {"domain": 'myDomain2', "status": 1, "price": 250}];
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="MyCtrl">
<table>
  <tr ng-repeat="item in domainList">
     <td>{{item.domain}}</td>
     <td>{{item.status}}</td>
     <td>{{item.price}}</td>
     <td><button class="btn btn-success" ng-click="addCart()">Add To cart</button></td>
  </tr>
</table>  
</div>

无法绑定角度js中的数据

3 个答案: