这是您的指令，带有一些内联注释：
angular.module( 'directives', [] ).directive( 'shoutList', function () { return { restrict: 'E', // allow as an element; the default is only an attribute scope: { // create an isolate scope shouts: '=' // map the var in the shouts attribute to this scope }, templateUrl: 'templates/shoutList.html', // load the template file controller: function ( $scope ) { // we declare a your function for use in the view $scope.deleteShout = function ( idx, id ) { // do whatever }; } };});和模板文件：
<div ng-repeat="shout in shouts"> <p>{{shout.message}}</p> <img src="media/images/delete.png" width="32" height="32" ng-click="deleteShout({{$index}},'{{shout._id}}')" /></div>现在，您可以在代码中使用它，如下所示：
控制器：
.controller( 'MainCtrl', function ( $scope ) { $scope.myShouts = // ...});视图：
<shout-list shouts="myShouts"></shout-list>
希望这可以帮助！
