我有一个带有自定义标签的Angular Material选择组件。这由异步ngrx选择器(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>
提示$的值更新如下:
constructor(private store$: Store<AppState>){}
ngOnInit() {
this.prompt$ = this.store$.pipe(select(selectors.selectCustomPrompt));
}