2013-10-15 1 views
0

나는 간단한 메일러 인터페이스를 만들고있어 내가처럼 보이는 설정을 가지고 ...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> 

너무 많은 보일러 플레이트 코드를 쓰지 않고도이 작업을 수행 할 수 있습니까?

감사 컨트롤러에서

+0

경우

$scope.delete = function(i) { $scope.sent.splice(i, 1); } 

HTML, 당신은 단순히 $의 scope.sent에서 요소를 삭제해야합니다. – pasine

+0

어떻게하면됩니까? –

답변

1

: 행이 NG-반복에서 생성됩니다

<a href="#" value="{| message.id |}" class="deleteMessage" ng-click="delete($index)"><img value="{| message.id |}" src="{| deleteIcon |}" width="20" height="20" alt=""></a> 
+0

감사합니다. 나는 내 자신에게 대답을 얻었지만 이것이 어쨌든 내가 한 일이다. –

+0

그것이 중요한 것입니다. – lucuma

관련 문제