angularjs – 为什么ng风格不像自定义指令在同一个元素上工作？
发布时间：2020-12-17 08:13:54 所属栏目：安全 来源：网络整理
导读：我试图将ng-style属性应用于自定义指令标签，类似于： my-directive ng-style="myStyle"/my-directive 在控制器里面我有： $scope.myStyle = { "background": "red"} 这似乎不行。当我检查HTML’MyStyle’没有被渲染。当我在普通div上应用相同的ng样式标签时
|
我试图将ng-style属性应用于自定义指令标签，类似于：
<my-directive ng-style="myStyle"></my-directive> 在控制器里面我有： $scope.myStyle = {
"background": "red"
}
这似乎不行。当我检查HTML’MyStyle’没有被渲染。当我在普通div上应用相同的ng样式标签时，它会正确呈现。 为什么ng风格不适用于自定义指令标签？
您的指令可能定义了一个隔离范围：scope：{…}。在这种情况下，在该元素上定义的所有伪指令将使用隔离范围。因此，ng-style将在隔离范围上查找属性myStyle，该属性不存在。
以上，灰线显示$父母，虚线显示原型继承。 通常，您不想使用在同一元素上创建隔离范围以及其他指令的指令。你有几个选择： >使用范围：true而不是您的指令中的隔离范围。然后当ng样式在范围004中查找myStyle，并且找不到它时，它将跟随虚线(在下图中)，并在父范围内找到它：>在HTML中使用ng-style =“$ parent.myStyle”来访问父范围中的myStyle属性(即，按照第一张图片中的灰线)。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |