1 app.directive(‘helloWorld‘, function() { 2     return { 3         restrict: ‘AE‘, 4         replace: ‘true‘, 5         scope: {}, 6         template: ‘<h3>Hello World!!</h3>‘, 7         templateUrl: ‘‘, 8         compile: function(tElem, attrs) { 9             //do optional DOM transformation here  10             return function(scope, elem, attrs) {11                 //linking function here  12             }13         },14         link: function(scope, elem, attrs) {15             //write your functions            16         },17         require: ‘^otherDirective‘,18         controller: function($scope, $compile, $http) {19             // $scope is the appropriate scope for the directive20             this.addChild = function(nestedDirective) { // this refers to the controller21                 console.log(‘Got the message from nested directive:‘ + nestedDirective.message);22             };23         }24     }25 });

1 <div hello-directive></div>2 {3 　　replace: true,4 　　template: ‘<div>hi</div>‘5 }

1 <div>hi</div>

1 <div hello-directive>2     <div>hi</div>3 </div>