Question

我是AngularJS的新手，有人可以帮助我如何在ng-grid的单元格中显示下拉列表。

请帮我解释和语法。

Answer 1

您需要检查ng-grid的单元格模板，这是默认的单元格模板：

<div class="ngCellText" ng-class="col.colIndex()"><span ng-cell-text>{{row.getProperty(col.field)}}</span></div>

你需要像这样更新它：

 $scope.colors = [
      {name:'black', shade:'dark'},
      {name:'white', shade:'light'},
      {name:'red', shade:'dark'},
      {name:'blue', shade:'dark'},
      {name:'yellow', shade:'light'}
    ];
$scope.gridOptions = { 
        data: 'myData',
        columnDefs: [
             {field:'name', displayName:'Name', cellTemplate}, {field:'age', displayName:'Age'}]
    };
var myCelTemp = '<div class="ngCellText" ng-class="col.colIndex()"><span ng-cell-text>
<select ng-model="myColor" ng-options="color.name group by color.shade for color in colors">
  </select></span></div>'

这是我通过这个链接创建的一个例子

Angular js Select

ng_Grid templates

我希望这会有所帮助

如何填写ng-grid单元格中的下拉列表

1 个答案: