angularjs ng-grid 드롭 다운이 주문과 함께 작동하지 않습니다.

Question

각 행마다 열에 표시되는 개체의 속성에 바인딩되는 드롭 다운이있는 각 그리드 (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> 

이 완벽하게 잘 내 개체에 바인딩하지만 난 내 그리드를 주문할 때 드롭 다운 그들은 단지 값이 변경되지와 같은 장소에 머물 순서를하지 않습니다. 어떻게 해결할 수 있을까요?

Answer 1

좋아, 문제가 발견되었습니다. 원래의 객체를 참조하려면 변경해야

AnimalData[ row.rowIndex ].type

예 row.entity.myEditableProperty.type에 : 개념 Plunkr의

<div><select ng-model="row.entity.myEditableProperty.type" ng-options="item for item in types"></select></div> 

증명 : 나는 그것을 이런 식으로 할 경우