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

Question

我正在使用带tagsinput的bootstrap angularJS插件。

要激活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时呈现页面的事实有关。这种异步加载肯定是个问题，因为当加载页面时，当我创建一些带有数据滚动todo的新input时，后者运行良好。那我怎么能处理这个加载。我希望我很清楚...

Answer 1

因此，假设您使用class="myClass"标记了输入，请执行以下操作

删除data-role =＆＃34; tagsinput＆＃34;有一些简单的

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

然后在角度代码中使用

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

这应该做的工作