我遇到问题,从异步回调函数切换材料设计组件的状态。chrome存储:无法从回调函数更改组件状态
HTML标记
<mat-slide-toggle
class="example-margin"
[color]="color"
[checked]="checked">
</mat-slide-toggle>
不起作用 我敢肯定,回调函数获取上下文它需要的一切,包括“this.checked”变量,但由于某种原因,它不会传播到材料设计组件。
checked:boolean;
ngOnInit() {
chrome.storage.local.get('isActive', (data) => {
console.log(data); // {isActive:true}
console.log(this); //context is visible
this.checked = data.isActive; //true
console.log(this.checked); //true
});
}
WORKS。 此回调函数工作正常。
checked:boolean;
ngOnInit() {
setTimeout(() => {
this.checked = true;
}, 5000)
}
注意:肯定有一个问题与渲染。当我点击一些与此完全相关的按钮时,该组件会被正确地重新渲染。
如果向正在工作的回调中添加超时值,它还能工作吗? –
是的,我只是忘了在这里提到它。它工作得很好。 –