Question

我遇到了一个奇怪的问题，即在向模型添加项目时，使用ng-list的输入未更新。我创造了一个小提琴来更好地说明问题：http://jsfiddle.net/rtZY3/

// Doesn't update ng-list input
$scope.tags.push(tag);

// Does update ng-list input
var tags = angular.copy($scope.tags);
tags.push(tag);
$scope.tags = tags;

这似乎不是预期的行为，特别是因为$scope.tags正在正确更新，如上面jsFiddle中的<pre>标记所示。

Answer 1

好的，所以这很有趣。我挖掘了ngList directive的未经授权的AngularJS源代码。

似乎第一个示例没有触发formatter函数，该函数将数组值拆分为输入字段中显示的逗号分隔字符串。

进一步调查显示错误在于ngModel指令的controller。仅当值严格不等于前一个值时才调用格式化程序，但由于它与第一个示例中的数组实例相同，因此该语句的计算结果为false，因此不会更新文本字段。 See the source code

$scope.$watch(function ngModelWatch() {
    var value = ngModelGet($scope);

    // $modelValue and value is the same array instance in your first example
    if (ctrl.$modelValue !== value) {
        // ...
    }
});

在第二个示例中，每次都创建一个新的数组实例，因此运行格式化程序。

向项目添加项目时，ng-list输入未更新

1 个答案: