如何使用annotorious与角度

时间:2015-06-08 23:42:48

标签: angularjs image annotations

我试图最好地将annotorious与angular进行整合。尽管描述了Annotorius库,但调试起来特别困难。 (请参阅我在annotorious.debug.js的意思)

到目前为止,我使用angular-annotorious创建了自己的解决方案(免费的麻省理工学院开源项目免责声明:我是其维护者。),它为标签和属性案例提供了2个指令,也提供了服务访问anno对象。

我遇到了动态内容的问题,比如滑块。 (请注意,我知道对于ng-src图像,由于img src循环可能需要特殊处理)

带有唯一URL的带注释图像,一旦在DOM树中重新创建,如果我们调用

,它似乎不会再次注释
anno.makeAnnotatable(img)

要重现它,请参阅颜色框example (colorbox是一个免费的开源模式库)

是否有任何有趣的想法如何整合/注释可能重新出现的动态内容?

1 个答案:

答案 0 :(得分:0)

我找到了解决方案,我们只是在onLoad和onCleanup事件中调用了重置函数,而不是像“colorbox”或“fancybox”这样的动态内容。

与colorbox动态集成的代码如下所示:

tableView

工作示例现在位于: Annotorious in Colorbox Gallery

此示例依赖angular-annotorious使用annotoriousService。

免责声明:我是angular-annotorious的维护者,这是一个免费的麻省理工学院开源项目。