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 directive
20             this.addChild = function(nestedDirective) { // this refers to the controller
21                 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>