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

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>