如何在指令中使用属性的值?我的元素看起来像这样:
<div class="tooltip-icon"
data-my-tooltip="click"
data-tooltip-title="foo"
data-tooltip-content="test content"></div>
Run Code Online (Sandbox Code Playgroud)
我想在我的指令模板中使用它,如下所示:
mainApp.directive('myTooltip',
function() {
// allowed event listeners
var allowedListeners = ["click"];
return {
restrict: 'A',
template: '<div class="tooltip-title">...</div>' +
'<div class="tooltip-content">' +
'...</div>',
link: function(scope, elm, attrs) {
if(allowedListeners.indexOf(attrs.myTooltip) != -1){
elm.bind(attrs.myTooltip, function(){
...
});
}
}
};
}
);
Run Code Online (Sandbox Code Playgroud)
三点的位置应该是代码,但我无法弄清楚如何将attrs对象(attrs.tooltipTitle等)的内容放入该模板中.