Я пытаюсь добавить новую строку в таблицу, где существующие строки создаются ng-repeat. Но, когда я нажимаю кнопку добавления новой кнопки, чем добавляю новую строку, она удаляет существующие строки и добавляет новые. может ли кто-нибудь помочь мне в этом отношении?Почему в angularjs .append действует как .html?
вот код и fiddle link.
var app = angular.module("app", []);
app.controller("simpleController", function($scope)
{
var descriptions = ['item1','item2','tem3'];
$scope.items = descriptions;
});
app.directive("addRow",function($compile)
{
var newRow;
newRow = '<tr><td>New Description</td><td><a href="javascript:void(0)" add-row>+</a></td><td><a href="javascript:void(0)" delete-row>-</a></td></tr>';
return{
restrict: 'A',
link: function(scope, element,attrs,controller){
element.on("click", function() {
console.log("clicked on activity add row");
$compile(element.parent().parent().parent().append(newRow))(scope);
});
}
}
вот ссылка на скрипку: http://jsfiddle.net/5owkkfu0/1/ – BeginnertoUI