Question

我正在使用UI-Grid来显示我的角度应用中的出勤数据。我使用了我有三个选项存储在单独的数组中。

$scope.gridOptions.data.attendance=[{'persent'},{'absent'},{'leave'}];

并且学生人数显示为：

$scope.gridOptions.data=students;//from ajax request

现在我想在考勤栏中显示下拉列表。

我还想将persent显示为默认选择选项。所以我在celltemplate中使用了ng-options，代码如下：

 $scope.gridOptions = {
        columnDefs: [
           {
                name: "stdattendance",
                displayName: "Attendance",
                width: '20%',
                cellClass: 'grid-align',
                cellTemplate:'<select ng-model="row.entity.stdattendnce" ng-init="row.entity.stdattendnce=row.entity.attendance[0]"
                ng-options="s as s.description for s in row.entity.attendance track by s.id"></select>'
               }]

我面临的问题是：

1 - 在显示的网格中选择默认选项persent而不滚动，而在网格的下半部分则未选中。

2 - 当我选择一个选项时，它也会在一些较低的网格中随机选择。

我无法弄清楚这种奇怪的行为。谁会帮到这里？

Answer 1

纳克-INIT =＆＃34; row.entity.stdattendnce = row.entity.attendance [0] 拼写错误导致问题吗？在plunkr中看到这一点会有所帮助。这是有角度的傻瓜：https://plnkr.co/edit/RJZXudKJKBVIKhoxjXW0

<body ng-app="defaultValueSelect"> 
  <div ng-controller="ExampleController"> 
  <form name="myForm"> 
    <label for="mySelect">Make a choice:</label> 
    <select name="mySelect" id="mySelect" 
      ng-options="option.name for option in data.availableOptions track by option.id" 
      ng-model="data.selectedOption"></select> 
  </form> 
  <hr> 
  <tt>option = {{data.selectedOption}}</tt><br/> 
</div> 
</body>

请注意，所选选项在范围中设置，并使用ng-model在模板中标识。

angular-ui-grid中的Celltemplate无法正常工作

1 个答案: