About angular custom directive and angulardirective

About angular custom directive and angulardirective

Summary of angular custom ve

First, we create a custom direve command named "expander:

Angular. module ("myApp", []). directive ("expander", function () {return {// some attributes of directive (key-Value Pair form) are as follows:
/*
Restrict: 'ea ',
Replace: true,
Transclude: true,
Scope :{...},
Template :....,
TemplateURL :....,
Link: function (scope, element, attrs ){

}
*/
}
});

The main attributes are as follows:

LinkThe first parameter inScopeBasically the one you wrote above.Scope.

ElementSimply put$ ('Pander ')

AttrsIt's a map. The content is yours.DirectiveFor example, if you writeDirective:

<Expander type = "modal" animation = "fade"> </expander>

ThatAttrsThat is:
{
Type: 'modal ',
Animation: 'fade'
}