KO.Angular / Breeze初始化器中的计算等效项

Question

试图更深入地了解Angular如何对待数据绑定并更好地理解它，而一件事情却很难引起我的注意-

在淘汰赛中，我使用计算机来跟踪对属性的更改。在Angular中，将这种逻辑移到视图中对我来说是微不足道的，但是我知道，如果这样做的话。

我的问题是，当我使用Breeze / Angular初始化新实体时，如何创建类似计算的属性，当实体属性发生更改时通知这些属性？

myEntity.fullName = ko.computed(function () {
    return myEntity.firstName + ' ' + myEntity.LastName;
});

在Angular中相当于

myEntity.fullName = function () {
    return myEntity.firstName + ' ' + myEntity.LastName;
};

并能正确追踪实体吗？

Answer 1

您简单地使其成为函数是正确的。如果您将如图所示的实体添加到中$scope，那么您将像这样访问属性：

<span class="fullname">{{ user.fullName() }}</span>

每当Angular运行一个$digest循环时，它将检查bound属性的更改。在这种情况下，这意味着它将调用该fullName()函数并检查结果是否已更改。如果有的话，任何$watch与该项目相关的内容（包括简单的绑定）都将收到更改通知。

但是，此技术的一个警告是，要确保在功能内执行的操作相对较快，并且没有副作用。这样的绑定函数将在整个应用程序中多次调用。

如果需要具有更复杂的功能，最好在控制器内进行处理，并在对象更改时手动更新对象的属性。