僅在新添加的行中顯示按鈕

Question

我有一個ui-Grid，其中有5列。已經提供了添加新行的選項。最後一列是用於刪除該行的圖標。但我需要刪除按鈕才能爲新添加的行啓用，而不是以前存在的行。就像我點擊添加行一樣，那麼應該啓用該行的刪除按鈕，對於其他應該禁用的按鈕。有關如何實現它的任何想法？

Answer 1

您應該爲行實體添加一個字段，比如說new，並通過在自定義模板中添加ng-disabled標記來驅動按鈕的狀態。

在你的控制器：

gridOptions.data = myData 

[...] 

var newRecord = { 
    [...] 
    new: true 
}; 
myData.push(newRecord); 

在模板：

<a class="btn btn-default" ng-disabled="!row.entity.new">Delete</a>