angularJS我可以在指令中使用參數嗎？

Question

有一個問題，我想獲得指令
，我想將它設置爲html
那麼，如何在html中設置，並獲取指令？

有HTML

<div my-directive="Bob"> 
<div> 

directive.js

App.directive('myDirective', function() { 
    link: function() { 
    console.log('xxx') 
    } 
}) 

我怎樣才能在指令Bob？

Answer 1

是，使用attrs

link: function (scope, element, attrs) { 
    console.log(attrs.myDirective); // Outputs Bob 
} 

的attrs對象包含其中鍵是在元件上的屬性的歸一化的屬性名稱的鍵 - 值對，和的值是每個屬性的字符串值。

Answer 2

是的您可以在指令中使用params。

這是單向數據綁定溶液

控制器：

$scope.options = {one: "first, two: "second"}; 

視圖：

<div databinding="options"></div> 

而在的JavaScript：

app.directive('databinding', function() { 
    return{ 
     scope: { 

     options: "@" //Can also use = here 

     }, 
     link: function (scope, elm, attrs) { 

     console.log(scope.options); 

     } 
    } 
});