异步加载导致 tagsinput 插件出现问题答案

【问题标题】：asynchronous loading causes issue with tagsinput plugin异步加载导致 tagsinput 插件出现问题
【发布时间】：2014-03-26 23:00:10
【问题描述】：

我正在使用带有angularJS 的引导程序tagsinput 插件。

要激活tagsinput机器，只需要添加一些data-role属性

<input type="text" placeholder="add a tag" data-role="tagsinput">

它会即时生成一些 html 代码。这很好用。当我把这个输入包装在这个里面时

<ul>
    <li ng-repeat="todo in todos">
        <input type="text" placeholder="add a tag" data-role="tagsinput">

代码的AngularJS 部分运行良好。但是当我这样包装输入时，tagsinput 插件不再起作用。经过一些测试，我确信问题与从服务器获取todos 时呈现页面的事实有关。这种异步加载肯定是问题，因为当页面加载时，当我使用数据角色input 创建一些新的todo 时，后者运行良好。那么我该如何处理这个加载。我希望我很清楚......

【问题讨论】：

标签： javascript angularjs jquery-tags-input

【解决方案1】：

所以假设您用class="myClass" 标记了您的输入，然后执行以下操作

delete data-role="tagsinput" 有一些简单的

<input type="text" placeholder="add a tag">

然后在你的角度代码中使用

$(document).find(".myClass").each(
              function(){$(this).tagsinput({});}
          );

这应该可以完成工作

【讨论】：