angular.js - angular 的指令参数如何理解link

Question

function link(scope, iElement, iAttrs, controller) { ... }

谁能够举个例子来说说明一些，angular的指令中attr具体是指哪里吗？

下面的attrs.data这中的data如何获取，或者设置在哪里？在<demo></demo>如何写

app.directive('demo',function(){

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

}
)



html:

<demo></demo>

Answer 1

リンク関数の実行時間は、Angular がこのテンプレートをコンパイルした後です。 4 つのパラメータ:

1. scope 現在のディレクティブのスコープ、スコープパラメータによって独立して決定されるかどうか

2. element 現在のディレクティブの dom 要素は angular.element(element) でラップされて jqlite/jquery オブジェクトを形成します

3. attrs ディレクティブに対応する属性。たとえば

リーリー

attrs.data はハードコーディングされた「何らかのデータ」です。バインドしたい場合は、個別にスコープを設定する必要があります。

1. controller は、必須ディレクティブによって提供されるメソッドです。複数必要な場合、controller は配列になります。