无法为OwlCarousel指导工作

时间:2014-03-24 23:12:10

标签: jquery angularjs angularjs-directive

一切都在DOM中运行。正在创建元素。但是,插件无法呈现模板。我究竟做错了什么?问题是我不知道插件是否失败或Angular指令是否无法正常工作?

请在此处查看:http://plnkr.co/edit/Mcw307YxPDtuHXzZVxUO?p=preview 请在预览模式下右键单击并检查.owl-carousel元素。

1 个答案:

答案 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,则后一种情况可以。

See working plunk