为什么此范围变量不会触发更改？

Question

我有以下plunkr：here。任何人都可以请解释为什么trimName指令不改变模板上的文本？我在控制台看到文字“修剪”，但我没有看到它反映出来。我认为我处于“角度世界”，因为我看到$apply already in progress，如果我尝试$应用范围。

Answer 1

我们可以将问题想象为“竞态条件” $digest已在进行中，您的值将被AngularJS覆盖。

简单的解决方法将是以后用$evalAsync来评估你的语句：

if(scope.trimName.length > intLimit) { 
    scope.$evalAsync(function() { 
    scope.trimName = scope.trimName.substring(0, intLimit) + "...trimmed"; 
    }); 
} 

Here is an example。