Показывать кнопку в столбце только для вновь добавленной строки

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>