angularjs ng-grid下拉列表无法使用order by

时间:2013-06-20 22:27:34

标签: javascript html drop-down-menu angularjs ng-grid

我有一个角度网格(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>

这很好地绑定了我的对象但是当我订购网格时,下拉菜单并没有命令它们只是保持在同一个地方,值不变。我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

好的,发现了这个问题。要引用原始对象,需要更改

AnimalData[ row.rowIndex ].typerow.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