每行中的ng-grid启用/禁用按钮

时间:2013-12-12 13:39:37

标签: javascript angularjs ng-grid

我正在使用角度网格。网格中的最后一列是一个按钮。最后一列是下拉列表。我需要在用户更改下拉值时启用相应的按钮。

我试过了

ng-grid按钮栏

cellTemplate: '<button ng-disabled="!disabled{{ scheduleList[ row.rowIndex ].job_id}}"  >Save</button>'

更改下拉列表时调用更新功能

  $scope.update = function() {
  $scope.disabled1 = true;
};

仅为了测试目的,我添加了scheduleList[ row.rowIndex ].job_id = 1

$scope.disabled1 = true应启用按钮

下拉列表中的

代码

<select ng-change="update()" >
</select>

我的意思是如果我硬编码ng-disabled="!disabled1。这段代码工作正常。

1 个答案:

答案 0 :(得分:0)

为什么不使用这样的东西:

$scope.update = function() {
  $scope.disabled = {};
  $scope.disabled[1] = true;
}

然后,在您的手机模板上:

cellTemplate: '<button ng-disabled="!disabled[scheduleList[ row.rowIndex ].job_id]"  >Save</button>'

工作示例:http://plnkr.co/edit/8lft75