Bootstrap Clockpicker插件不支持角度

时间:2016-10-26 11:37:58

标签: javascript angularjs user-interface clockpicker

您好我对角度有点新手,我在我的视图中使用了一个代码,该代码引用了一个clockpicker bootstrap插件来选择时间。

<div style="position: relative; height: 188px; width: 300px;">
<img src="http://demo.cloudimg.io/s/width/300/sample.li/boat.jpg">
<div class="hotspot" style="top: 50px; left: 50px; height: 30px; width: 30px;"></div>
<div>
<div class="wash"></div>
<div style="position: absolute; top: 0; left: 0;">A</div>
</div>

<div class="hotspot" style="top: 100px; left: 120px; height: 30px; width: 30px;"></div>
<div>
<div class="wash"></div>
<div style="position: absolute; top: 0; left: 0;">B</div>
</div>
</div>

但是在加载组件时它不起作用,但是clockpicker可以单独运行

1 个答案:

答案 0 :(得分:0)

你需要使用插件的角度版本,它创建在运行时使用的指令,当你的组件或带有该指令的任何元素加载时,你不能在角度

这是同一个插件的角度版本 https://github.com/linagora/angular-clockpicker

只需在输入中添加data-lng-clockpicker作为属性(指令)