2017-07-31 59 views
-1

我需要綁定數據的提交這是在表的列中的表格數據進行綁定。 我想結合這樣不能在角JS

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

數據,但輸出是不確定的。

+0

你可以添加其中domainlist'填充'控制器代碼? – Vandesh

+3

NG-模型,就是要在''不''​​使用。你在哪裏看到未定義?我認爲你只是表示輸出是空白的? –

回答

1

從TD刪除去NG-模型,NG-模型僅用於元件的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> 
0

是,刪除ng模型並在addCart方法中將域作爲參數傳遞,參見Plunker

0

一些觀察:

  • ng-modelform elementsinputselectcheckboxradio工作,etc..
  • 可以直接使用角度表達{}<td><p><span>綁定數據,etc..

DEMO

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>