我有一个角度网格(ng-grid),其中一列有一个下拉列表,该下拉列表绑定到行中显示的对象的属性。
<div class="gridStyle span9" ng-grid="gridOptions"></div>
$scope.types = ['cat', 'dog' 'rat'];
$scope.gridOptions = {
data : 'AnimalData',
columnDefs : [{
field : 'name',
displayName : 'Name'
}, {
field : 'birthday',
displayName : 'Birthday'
},{
field : 'type',
displayName : 'type'
cellTemplate : 'cellTemplate.html'
}]
};
cellTemplate.html:
<div>
<select ng-model="AnimalData[ row.rowIndex ].type">
<option ng-repeat="item in types">{{item}}</option>
</select>
</div>
这很好地绑定了我的对象但是当我订购网格时,下拉菜单并没有命令它们只是保持在同一个地方,值不变。我该如何解决这个问题?
答案 0 :(得分:1)
好的,发现了这个问题。要引用原始对象,需要更改
AnimalData[ row.rowIndex ].type
至row.entity.myEditableProperty.type
例如:
<div><select ng-model="row.entity.myEditableProperty.type" ng-options="item for item in types"></select></div>
概念证明Plunkr:http://plnkr.co/edit/i7vXng?p=preview