AngularJS 1.4 ng-repeat破碎(在我们的应用程序之外工作)

时间:2016-09-27 10:28:50

标签: javascript angularjs angularjs-directive

我已经创建了一个小指令,允许用户选择他想订购的药丸的大小/数量(图片如下)。

当用户点击所选尺寸时,我用新对象替换用于药丸列表的选定对象。正如你所看到的那样,ng-repeat非常慢并实际绘制了两次,第一次包括两个对象(旧的和新的)。

我无法在我们的应用程序之外重现错误。 代码很简单:

    $scope.selectDosage = function(newDosage) {
      $scope.selectedDosage = _.find($scope.product.dosages, {dosage: newDosage});
    };

我已经添加了日志记录,但似乎JS执行速度很快(对象非常小),所以这必须是与应用程序构建方式相关的AngularJS问题。

之前有没有人遇到过类似的问题?我可以开始寻找任何想法吗?我没有构建应用程序并且进展非常缓慢。

---我调查的一些更新---

添加了一些日志记录:

1474974036140 " - CLICK FIRED"
digest
1474974036156 " - WATCH CHANGED"
new val -  3
old val -  4

我们看到的是点击的时间以及对象selectedDosage的变化(使用$ scope。$ watch)。有一个消化周期被触发(我在AngularJS中添加了日志记录,没有触发额外的摘要周期)和新值(药丸大小数组的长度,旧与新的)似乎很好。

虽然没有接近答案

enter image description here

0 个答案:

没有答案