angular 计算属性

在Angular中，没有直接的计算属性概念，但是可以通过使用`$computed`来实现类似的功能。使用`$computed`，您可以定义依赖于其他属性计算结果的属性。这些计算属性在输入改变后只会被重新计算，而不会在每次变更时都重新计算。

举个例子，假设我们有一个组件，其中有`firstName`和`lastName`两个属性，并且我们希望定义一个`fullName`属性，它是`firstName`和`lastName`的组合。我们可以使用`$computed`来实现这个功能，代码如下：

app.component('computedStyle', {
  template: `
    <p>{{$ctrl.firstName}}</p>
    <p>{{$ctrl.lastName}}</p>
    <p>{{$ctrl.fullName}}</p>
    <button ng-click="$ctrl.changeName()">Change name</button>
  `,
  controller: class Test {
    constructor() {}

    $onInit() {
      this.firstName = 'Mike';
      this.lastName = 'Jack';
    }

    $computed('fullName', ['firstName', 'lastName'], () => {
      return this.firstName + ' ' + this.lastName;
    });

    changeName() {
      this.firstName = 'Linda';
    }
  }
});

在上面的例子中，我们定义了一个`computedStyle`组件，其中有三个属性：`firstName`，`lastName`和`fullName`。在`$computed`函数中，我们指定了`fullName`属性依赖于`firstName`和`lastName`属性，并在回调函数中返回通过这两个属性计算得到的值。

这样，当`firstName`或`lastName`发生变化时，`fullName`属性会自动重新计算。

请注意，这只是通过使用`$computed`函数在Angular中模拟计算属性的一种方式。在Vue中有一个更直接的计算属性概念，使得定义和使用计算属性更加简单和方便。