Получить заметное в 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, который даст вам Subscription вместо Observable.

плюс то, что выхочу сделать это map элементы массива.Ответ, который вы получите внутри map, будет Array, а не числом.

Так что внутри этого map Rxjs-оператора вы должны будете использовать map -операторМассив также.

Попробуйте:

import { Component } from '@angular/core';
import { of } from 'rxjs';
import { map } from 'rxjs/operators';

@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(res => res.map(num => num * 10)));
}

---

Вот Рабочий образец StackBlitz для вашей ссылки.