AngularJS перезагрузка страницы после удаления элемента

Question

Я пытаюсь удалить элемент внутри ngRepeat. Он хорошо удаляется, но после удаления элемента страница перезагружается. Как я могу предотвратить это действие перезагрузки?

Heres код:

<li ng-repeat="task in tasks"> 
    <p>{{task.title}}</p> 
    <button ng-click="remove($index)">Click me</button> 
</li> 

сфера расслоение плотной:

$scope.remove = function($index){ 
    $scope.tasks.splice($index, 1); 
} 

Answer 1

В соответствии с W3C спецификации, тип не определен, и это при условии, отправке. Добавление type='button' должно решить проблему.

<li ng-repeat="task in tasks"> 
    <p>{{task.title}}</p> 
    <button type="button" ng-click="remove($index)">Click me</button> 
</li> 

Релевантно specification если вам интересно.

Answer 2

<button> действовал как submit (спасибо @Antiga), я попытался изменить его на input[type=button], но все еще не работал.

Я только что сделал это изменение:

<button ng-click="remove($index)">Click me</button> 

к:

<a ng-click="remove($index)">Click me</a> 

И она работала хорошо.