Question

我已经创建了一个包含在html中的指令，如下所示：

<w3-test-directive id="first" url="tableParams" sql="select *from     table1"></w3-test-directive>

<w3-test-directive id="second" url="tableParams2" sql="select *from     table2"></w3-test-directive>

现在在我的指令模板中我想要属性id的值。我怎么能得到它？

我的模板如下：

template: [
                    '<p>The attribute value is {{value of id attribute}}<p>'
]

所以模板会看起来像这样：

 "<p>The attribute value is first<p>"

Answer 1

可以使用提供参数元素和属性的模板函数。

template : function(element, attrs){  
   return  '<p>ID is ' + element[0].id +'<p>'
}

Answer 2

我想，用这样的指令声明......

return {
    restrict: 'E',
    scope: {
        id: '@',
        url: '@',
        sql: '@'
    }
    // and the rest
}

...您可以直接访问id，因为它已绑定到您的范围。

template: '<p>The attribute value is {{id}}</p>

访问模板内的指令属性值

2 个答案: