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

Question

我正在使用tagsinput带有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使用 data-roled创建一些新的时input，后者运行良好。那么我该如何处理这个加载。我希望我很清楚...

Answer 1

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

删除 data-role="tagsinput" 有一些简单

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

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

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

这应该做的工作