观察HTML

Question

我想在HTML中显示可观察到的内容，我的代码无法正常工作。

@Component({
  selector: 'app-root',
  template: '<p *ngFor="let test of map | async">Hier kommt: {{test}}</p>',
  styleUrls: ['./app.component.css']})

export class AppComponent{
public sourceOne = of(4, 5, 6 );
public map = this.sourceOne.pipe(map(val => val * 10)).subscribe(val => console.log(val));}

Answer 1

实施中存在很多问题。

您正在订阅Observable，它将为您提供<video oncontextmenu="return false"></video> 而不是Subscription。

加上您想做的是Observable数组的元素。您将在map中得到的响应将是map，而不是数字。

因此，在该Array Rxjs运算符中，您还必须使用数组的map运算符。

尝试一下：

map

---

  

这是您推荐的Working Sample StackBlitz。