angular - Angular Material选择标签未在ngrx更改时更新

Question

我有一个带有自定义标签的 Angular Material 选择组件。这是由 async ngrx 选择器（prompt$）提供的——下面的简化模板。

当 prompt$ 更改时，每次都会按预期更新段落，但选择组件中的标签有时不会。然而，它在第一次设置 prompt$ 时可靠地更新。

什么会导致这种行为，是否有解决方案？

我也尝试将标签作为来自父组件的输入传递，结果是相同的。

<p>Async prompt test: {{prompt$ | async}}</p>

<mat-form-field>
    <mat-label>
        {{prompt$ | async}}
    </mat-label>
    <mat-select>
        <mat-option>1</mat-option>
        <mat-option>2</mat-option>
    </mat-select>
</mat-form-field>

prompt$ 的值更新如下：

constructor(private store$: Store<AppState>){}

ngOnInit() {
    this.prompt$ = this.store$.pipe(select(selectors.selectCustomPrompt));
}

标签： angulartypescriptangular-materialngrx