0

我真的是 Angular 的新手，我有一个关于在指令中使用 $http 和 $location 的愚蠢问题。我正在创建一个待办事项列表，并希望在单击链接时删除一个条目。

目前，我已经在 上设置了一个属性指令，<a>并希望它在单击时对我的 api 进行删除调用（我在想，如果我要在主干中执行此操作，它类似于绑定一个触发调用的单击事件从集合中删除模型，然后我相应地构建了我的代码？）

指示

app.directive('delete', function() {
  return {
    link: function(scope, element, attrs) {
      element.bind('click', function(event) {
        scope.$apply(function() {
          $http.delete('/api/posts/' + $routeParams.id).
            success(function(data) {
              $location.path('/app')  
            })
        })
      })
    }
  }
})

控制器

app.controller('IndexCtrl', ['$scope', '$http', '$location'
function($scope, $http, $location) {
  $http.get('/api/posts').
    success(function(data) {
      $scope.posts = data.posts;
    })
}
]);

标记

div(ng-controller='IndexCtrl')
  h1 Blog
  div 
    a.btn(href='/app/newpost') New Post
  ul
    li(ng-repeat='post in posts')
      a(href='/app/{{ post._id }}')
        h3 {{ post.title }}
        div {{ post.text }}
      a(href='/app/editpost/{{ post._id }}') Edit 
      a(href='#', delete id='{{post._id }}') Delete
4

1 回答 1

2 
app.directive('delete',['$http', '$location',function($http, $location) {
 //your code ..
}]);

与您为控制器执行 DI 的方式相同

于 2013-06-09T02:37:31.757 回答