一切都在DOM中运行。正在创建元素。但是,插件无法呈现模板。我究竟做错了什么?问题是我不知道插件是否失败或Angular指令是否无法正常工作?
请在此处查看:http://plnkr.co/edit/Mcw307YxPDtuHXzZVxUO?p=preview 请在预览模式下右键单击并检查.owl-carousel元素。
答案 0 :(得分:1)
一些事情:
scope.$watch
用于观看隔离范围属性,而不是属性,用于观看您需要使用的属性attrs.$observe
。
在此处传递指令模板的含义是什么:
<div class="owl-carousel" data="data" options="{items : 4, scrollPerPage : true }" template="'item.html'" ></div>
您已在指令定义中将指令模板作为templateUrl
传递。
当你将一个变量传递给你的指令时,如果你想要经常更改那个变量,并且你希望你的UI绑定相应地更新,就像这里的images数组一样,你应该真的使用一个隔离范围而不是属性以将数据传递给指令。你可以使用属性,但是有一些问题,首先你必须首先通过评估(使用{{}}
)将属性传递给指令,否则它将作为字符串传递给指令&#34;数据& #34;:
<div class="owl-carousel" data="{{data}}"
NOT:
<div class="owl-carousel" data="data"
如果您通过隔离范围传递din data
,则后一种情况可以。