在Angular 7中使用Observable并添加属性的解决方法如下所示:
import { Component } from '@angular/core';
import { Observable } from 'rxjs';
MyComponent
的组件并定义一个Observable属性data
:@Component({
selector: 'app-my-component',
template: `
{{ data | async }}
`
})
export class MyComponent {
data: Observable;
constructor() {
this.data = new Observable(observer => {
setTimeout(() => {
observer.next('Hello, Observable!');
}, 2000);
});
}
}
在上面的代码中,我们定义了一个名为data
的Observable属性,并在构造函数中使用Observable
类创建了一个Observable对象。在构造函数中,我们使用setTimeout
函数模拟异步操作,并通过observer.next
方法将数据发送给观察者。
data
属性:{{ data | async }}
在上面的代码中,我们使用Angular的管道async
订阅了data
属性,并在模板中显示Observable返回的值。
这样,当组件加载时,data
属性会在2秒后发出值Hello, Observable!
,并在模板中显示出来。
希望以上解决方法对你有所帮助!