假设我有以下代码
<div ng-app="app" ng-controller="controller"> <div ng-repeat="instance in instances> <customDirective ng-model="instance"></customDirective> </div> </div>
我的自定义指令有一个孤立的范围,定义如下：
app.directive('customDirective',function($log) {
return {
restrict: 'E',templateUrl: './template.htm',scope: {_instance:"=ngModel"},link: function($scope) {
....
}
});
在这个指令中,我必须选择删除它.我的问题是如何回传到父范围中的数组实例,并告诉它破坏这个对象,并实际上从我的DOM中删除被删除的实例？
希望是有道理的.
解决方法
根据新Dev在
previous comment,这是方式：
var app = angular.module('app',[])
.directive('customDirective',function($log) {
return {
restrict: 'EA',template: '<a href="" ng-click="onRemove()">remove me {{model.n}}</a>',scope: {
model:"=",onRemove:"&"
}
}
})
.run(function($rootScope) {
$rootScope.instances = [{n:1},{n:2},{n:3},{n:4}];
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
<div ng-repeat="i in instances">
<custom-directive model="i" on-remove="instances.splice($index,1)">
</custom-directive>
</div>
</div>
