angular.js - How to understand angular's directive parameters link
给我你的怀抱
给我你的怀抱 2017-05-15 17:04:05
0
1
513
function link(scope, iElement, iAttrs, controller) { ... }

Can anyone give an example to explain where exactly attr refers to in the angular instruction?

How to obtain the data in attrs.data below, or where to set it? How to write

in <demo></demo>
app.directive('demo',function(){

return{
        
       template: '<p></p>',
        link : function(scope, element, attrs){            
            if($.trim(attrs.data).length>0){
            
            
            }
        },
       }

}
)



html:

<demo></demo>
给我你的怀抱
给我你的怀抱

reply all(1)
大家讲道理

The execution time of the link function is after angular compiles this template. 4 parameters:

  1. scope The scope of the current directive, whether it is independently determined by the scope parameter

  2. element The dom element of the current directive is wrapped with angular.element(element) to form a jqlite/jquery object

  3. Attributes corresponding to the attrs directive. For example

<demo data='some data'></demo>

The attrs.data is 'some data' which is hard-coded. If you want to bind it, it must be scoped independently.

  1. controller is the method provided by the required directive. If multiple are required, controller will be an array.

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template