相关疑难解决方法(0)

Angular - Observable 与在模板中多次使用的异步管道......好的做法还是坏的?

如果我需要在组件模板中绑定来自同一个 observable 的多个属性...

例如:

<my-random-component[id]="(myObservable$ | async).id">
...
<my-random-component2[name]="(myObservable$ | async).name">
Run Code Online (Sandbox Code Playgroud)

...我最好像上面那样做(我看到很多),还是在我的 .ts 文件中订阅我的 observable 更有效,设置一个对象变量,然后绑定到它?后一种方法的想法是 observable 只会被调用一次。

问题:

  1. 上面代码中的 observable 是否在每次使用时通过 | 被调用?异步?
  2. 即使在我的模板中使用了 10 次,编译器是否在幕后执行任何效率魔法来只调用一次可观察对象?
  3. 哪种方法更好/更受欢迎?

谢谢!

components asynchronous pipe observable angular

25
推荐指数
4
解决办法
8176
查看次数

标签 统计

angular ×1

asynchronous ×1

components ×1

observable ×1

pipe ×1