问题

大家！
我需要清晰的 Emmet 值，例如简单的 BehaviorSubject：
在模板中我有：

{{box}}

//==///

box.subscribe();

box.next(100);// box 显示 100

if(a==5){ box.next(500);}// box 变为 500，显示 500

需要在组件的模板中更改 box 的值。
原来是 100，如果 a 变成 5，就需要将 100 更改为 500。

如何实现？

{{box}}

//==///

box.subscribe();

box.next(100);// box show 100

if(a==5){ box.next(500);}// box changed on 500, show 500

答案1

得分: 1

The provided code segment translates to:

"执行 box.subscribe(); 不会产生任何效果。你必须对订阅进行操作。

boxValue = 0;

ngOnInit(){
  this.box.subscribe(res => {
    console.log('收到数值: ', res);
    this.boxValue = res; // 监听 box 订阅并执行操作
  });
}

然后在模板中你可以使用: {{boxValue}}。

在 .ts 文件中订阅是不良实践，所以可以删除 box.subscribe(); 并使用异步管道：https://angular.io/api/common/AsyncPipe

<h1> Box 值: {{ box | async }} </h1>
```"

<details>
<summary>英文:</summary>

doing `box.subscribe();` won&#39;t do anything. you have to do something with the subscription.
```ts
boxValue = 0:

ngOnInit(){
  this.box.subscribe(res =&gt; {
    console.log(&#39;got a value: &#39;, res);
    this.boxValue = res; // listen to the box subscription and do something
  });
}

then in the template you can do: {{boxValue}}.

subscribing in the .ts file is a bad practice, so instead just delete box.subscribe(); and use the async pipe: https://angular.io/api/common/AsyncPipe

<h1> The box value: {{ box | async }} </h1>