angular-ui-grid - 新しく追加された行の列にのみボタンを表示する

Question

5 つの列がある ui-Grid があります。新しい行を追加するオプションを提供しました。最後の列は、行を削除するためのアイコンです。しかし、以前に存在した行ではなく、新しく追加された行に対してのみ削除ボタンを有効にする必要があります。行の追加をクリックすると、その行の削除ボタンが有効になり、他の行の削除ボタンは無効になるはずです。それを達成する方法について何か考えはありますか？

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>