JQuery＆amp; AngularJS - 选择器无法识别的第一个对象

Question

http://pastebin.com/HBGevwkV

在我看来，我有一张桌子。行由$scope.addScheduleElement()函数生成。默认/初始行由$(document).ready()调用自动生成。之后，用户可以单击视图中的按钮以添加更多行。

表格的每一行都有自己的颜色选择元素。我使用div作为颜色选择器，然后将一个外部颜色选择器框架应用于它。

由于某种原因，将颜色选择器属性应用于具有color-picker类的元素的jquery调用未注册第一行。电话会在modular.js中显示，其中显示

 $(".preview-circle").each(function(index,ele)
            {
                    initPicker(ele);
            });

创建默认行时，颜色选择器将不起作用。然后，当我添加更多行时，最后一行始终是不起作用的行。 JQuery不会识别我可以告诉的第一个color-picker类的存在，因为.each调用中的打印输出只能在手动添加行后才能看到。

有什么想法吗？感谢

Answer 1

$scope.addScheduleElement()不添加任何内容。之后，ng-repeat添加了该行。

最简单的事情：

elapse.controller('ScheduleController', function($scope, $timeout){
 ...
  $timeout(function() {
      $(".preview-circle").each(function(index,ele)
      {
        initPicker(ele);
      });
  });

这样，initPicker的循环稍后运行，一切都应该完成。