나는 간단한 메일러 인터페이스를 만들고있어 내가처럼 보이는 설정을 가지고 ...Angularjs보기에서 DOM 인스턴스를 삭제하려면 어떻게해야합니까?
<tbody ng-controller="sentboxCtrl">
<tr ng-repeat="message in sent">
<td><input type="checkbox" value="{| message.id |}"></td>
<td><a href="#" value="{| message.id |}" class="view-message-link">{| message['subject'] |}</a></td>
<td>
<img class="attachement" value="{| message.id |}" ng-if="message.attachment" src="{| attachmentIcon |}" width="20" height="20" alt=""></td>
<td>{| message.name |}</td>
<td>{| message.created |}</td>
<td><a href="#" value="{| message.id |}" class="flagMessage"><img value="{| message.id |}" src="{| flagIcon |}" width="20" height="20" alt=""></a></td>
<td><a href="#" value="{| message.id |}" class="deleteMessage" ng-click="delete({| message |})"><img value="{| message.id |}" src="{| deleteIcon |}" width="20" height="20" alt=""></a></td>
</tr>
</tbody>
다음과 같이 내 컨트롤러를 구성
내 코드는 다음과 같습니다
var mailApp = angular.module('mailApp',[]).config(function($interpolateProvider){
$interpolateProvider.startSymbol('{|');
$interpolateProvider.endSymbol('|}');
}
);
var sentboxCtrl = function ($scope){
$scope.sent = initiallySent;
$scope.deleteIcon = deleteIconSource;
$scope.flagIcon = flagIconSource;
$scope.attachmentIcon = attachmentIconSource;
$scope.delete = function(element)
{
delete element;
}
};
mailApp.controller('sentboxCtrl',sentboxCtrl);
을 지금 내가이 있기 때문에 메시징 플랫폼 용 DOM을 생성하는 ng-repeat 속성을 사용하려면 ng-click 이벤트를 묶어 해당 행에 대한 삭제를 트리거하고 싶습니다. 예를 들면 다음과 같습니다.
<td><a href="#" ng-click="delete(this)" value="{| message.id |}" class="deleteMessage" ng-click="delete({| message |})"><img value="{| message.id |}" src="{| deleteIcon |}" width="20" height="20" alt=""></a></td>
너무 많은 보일러 플레이트 코드를 쓰지 않고도이 작업을 수행 할 수 있습니까?
감사 컨트롤러에서
경우
HTML, 당신은 단순히 $의 scope.sent에서 요소를 삭제해야합니다. – pasine
어떻게하면됩니까? –