如何在angularjs中写一个指令

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 class="shout" 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>

希望这可以帮助！