可通过编码数据观察

Question

我正在使用版本10中的angular应用程序。下面是学习使用硬编码json对象（无http调用）的可观察对象的要求。例如，我有一个接口

export interface cities {
cityId: number;
cityName: string;
}

下面是我声明一个可观察的代码

cities$: Observable<city[]>;

在Oninit方法中，我创建如下对象

ngOnInit() : void {
 const cityData = [
  {
     cityId: 1,
     cityName: 'Bangalore'
  },
  {
    cityId: 2,
    cityName: 'chennai'
  }
];

// here i want to get the values in the observables. how can i do it
   this.cities$ = ...
}

下面是html代码

<ul>
  <li *ngFor='let city of cities$ | async'>
     <span [innerHTML] = 'city.cityName'>
   </li>
</ul>

Answer 1

您可以像这样使用运算符的rxjs：

this.cities$ = of(this.cityData);

您需要先导入操作符：

import { of } from 'rxjs';