Angularjs ng格与选择单元格没有选择正确的值

我想建立一个表，其中列之一被选中，我想选择与我从服务器获得的值的选项。我从服务器获取4，但选择的是第一个选项。Angularjs ng格与选择单元格没有选择正确的值

$scope.lotteryOptions = { 
     data: 'myData', 
     enableColumnResize: true, 
     keepLastSelected: false, 
     enableRowSelection: false, 
     columnDefs: [{field: 'field1', displayName: 'field1'}, 
      {field: 'Status', displayName: 'Status', cellTemplate: selectTableTemplate, enableCellEdit: true}, 
    }; 

var selectTableTemplate = "<select ng-selected=\"{{row.getProperty('Status')}}\">   <option value='1' class='ng-binding'>" + 1+ "</option>" + 
          "<option value='2' class='ng-binding'>" + 2 + "</option>" + 
          "<option value='3' class='ng-binding'>" + 3 + "</option>" + 
          "<option value='4' class='ng-binding'>" + 4 + "</option>" + 
          "<option value='5' class='ng-binding'>" + 5 + "</option>" + 
        "<option value='6' class='ng-binding'>" + 6 + "</option></select>";

HTML结果是：

<select ng-selected="4">...</select>

但不选择4选择

来源

2013-11-26 Asaf

ng-selected应该被施加到option标签，不select（参见the docs）

$scope.lotteryOptions = { 
    columnDefs: [ 
     {field: 'field1'}, 
     {field: 'Status', cellTemplate: selectTableTemplate, enableCellEdit: true} 
    ], 
    data: 'myData', 
    enableColumnResize: true, 
    enableRowSelection: false, 
    keepLastSelected: false 

}; 

var selectTableTemplate = '<select>' + 
          ' <option value="1" class="ng-binding" ng-selected="COL_FIELD == 1">' + 1 + '</option>' + 
          ' <option value="2" class="ng-binding" ng-selected="COL_FIELD == 2">' + 2 + '</option>' + 
          ' <option value="3" class="ng-binding" ng-selected="COL_FIELD == 3">' + 3 + '</option>' + 
          ' <option value="4" class="ng-binding" ng-selected="COL_FIELD == 4">' + 4 + '</option>' + 
          ' <option value="5" class="ng-binding" ng-selected="COL_FIELD == 5">' + 5 + '</option>' + 
          ' <option value="6" class="ng-binding" ng-selected="COL_FIELD == 6">' + 6 + '</option>' + 
          '</select>';

来源

2013-11-26 15:11:22 Kabb5

谢谢！它的工作 – Asaf

ng-selected已经是一个角度属性，这样就没有必要进行插值{{ }}：

var selectTableTemplate = "<select>   <option ng-selected=\"row.getProperty('Status') == 1\" value='1' class='ng-binding'>" + 1 + "</option>" + 
          "<option ng-selected=\"row.getProperty('Status') == 2\" value='2' class='ng-binding'>" + 2 + "</option>" + 
          "<option ng-selected=\"row.getProperty('Status') == 3\" value='3' class='ng-binding'>" + 3 + "</option>" + 
          "<option ng-selected=\"row.getProperty('Status') == 4\" value='4' class='ng-binding'>" + 4 + "</option>" + 
          "<option ng-selected=\"row.getProperty('Status') == 5\" value='5' class='ng-binding'>" + 5 + "</option>" + 
        "<option ng-selected=\"row.getProperty('Status') == 6\" value='6' class='ng-binding'>" + 6 + "</option></select>";

注意：这也假定Status是一个值，而不是一个对象。

更新： ng-selected不是select的属性。它只是option的一个属性。

来源

2013-11-26 14:13:42

不工作，我的代码的HTML的结果是：<选择纳克选择= “4”> ...但不是选择4选择 – Asaf

更新。 ng-selected只能用于选项，不能选择。它需要是布尔返回表达式。 –

Angularjs ng格与选择单元格没有选择正确的值

回答

相关问题