如何使用angularjs获取模板html中的属性值

Question

我写了一个指令，但我不知道如何在模板html中获取指令的属性，这些属性在ngIf中用来确定将显示哪些div元素，请看下面的代码片段

指令使用：

<geo-country-selector type="WGC"></geo-country-selector>

模板html：

<div ng-if="type.indexOf('W')>0">
    ...
</div>
<div ng-if="type.indexOf('G')>0">
    ...
</div>

我需要在模板html中获取属性类型的值。我做了很多研究，但没有运气。有任何想法吗？感谢

该指令可以像Anik所说：

link : function(scope,element,attr){
    ...

},
scope: {
    type: '@'
}

Answer 1

在您的指令中添加link函数，然后将attrs值添加到范围，然后您可以检查模板中的条件

试试这个

link : function(scope,element,attr){

    scope.type=attr.type

}

通过创建像这样的

隔离范围，还有另一种方法

scope: {
    type: '@'
}