angularjs – 为什么ng风格不像自定义指令在同一个元素上工作?

前端之家收集整理的这篇文章主要介绍了angularjs – 为什么ng风格不像自定义指令在同一个元素上工作?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图将ng-style属性应用于自定义指令标签,类似于:
<my-directive ng-style="myStyle"></my-directive>

在控制器里面我有:

$scope.myStyle = {
    "background": "red"
}

这似乎不行。当我检查HTML’MyStyle’没有被渲染。当我在普通div上应用相同的ng样式标签时,它会正确呈现。

为什么ng风格不适用于自定义指令标签

您的指令可能定义了一个隔离范围:scope:{…}。在这种情况下,在该元素上定义的所有伪指令将使用隔离范围。因此,ng-style将在隔离范围上查找属性myStyle,该属性不存在。

以上,灰线显示$父母,虚线显示原型继承。
范围004是您的隔离范围。范围003是您的控制器范围。 ng样式将在范围004中寻找myStyle,找不到它,然后它将跟随虚线,在Scope中查找,而不是在那里找到它。

通常,您不想使用在同一元素上创建隔离范围以及其他指令的指令。你有几个选择:

>使用范围:true而不是您的指令中的隔离范围。然后当ng样式在范围004中查找myStyle,并且找不到它时,它将跟随虚线(在下图中),并在父范围内找到它:>在HTML中使用ng-style =“$ parent.myStyle”来访问父范围中的myStyle属性(即,按照第一张图片中的灰线)。

原文链接:https://www.f2er.com/angularjs/144547.html

猜你在找的Angularjs相关文章