How to use instructions in Angluarjs

I am a beginner, if there is a lack of open-minded!

The modules of the angular directive can be divided into the following sections:

• Restrict: [E] element for manipulating the DOM, [A] property, [C] style, and can also be combined with
• Priority: Sets the precedence of the current instruction, used when invoking different instructions under the same page
• Replace: Used to replace DOM elements
• Template: Defining an instruction Template
• Templateurl: loading template with URL loading mode
• Controller: Add controllers in instructions, you can use your own $scope scope
• Link: For binding DOM element events, you can set data binding

Here's a simple example:

Angular.module (' Expandermodule ', []). Directive (' Expander ',function(){return{restrict:' EA ', replace:true, transclude:true, scope: {title:' =expandertitle '},template:' <div> ' + ' <div class= ' title ' ng-click= ' Toggle () ' >{{title}}</div> ' + ' <div class= ' body ' ng-show= ' ShowMe "ng-transclude></div> ' + ' </div> ', Link:function(scope, element, attrs) {Scope.showme=false; Scope.toggle=functionToggle () {Scope.showme= !scope.showme; }}});

How to use instructions in Angluarjs