我试图将ng-style属性应用于自定义指令标签,类似于:
<my-directive ng-style="myStyle"></my-directive>
在控制器里面我有:
$scope.myStyle = { "background": "red" }
这似乎不行。当我检查HTML’MyStyle’没有被渲染。当我在普通div上应用相同的ng样式标签时,它会正确呈现。
您的指令可能定义了一个隔离范围:scope:{…}。在这种情况下,在该元素上定义的所有伪指令将使用隔离范围。因此,ng-style将在隔离范围上查找属性myStyle,该属性不存在。
原文链接:https://www.f2er.com/angularjs/144547.html以上,灰线显示$父母,虚线显示原型继承。
范围004是您的隔离范围。范围003是您的控制器范围。 ng样式将在范围004中寻找myStyle,找不到它,然后它将跟随虚线,在Scope中查找,而不是在那里找到它。
通常,您不想使用在同一元素上创建隔离范围以及其他指令的指令。你有几个选择:
>使用范围:true而不是您的指令中的隔离范围。然后当ng样式在范围004中查找myStyle,并且找不到它时,它将跟随虚线(在下图中),并在父范围内找到它:>在HTML中使用ng-style =“$ parent.myStyle”来访问父范围中的myStyle属性(即,按照第一张图片中的灰线)。