可通过硬编码数据观察

Posted

技术标签:

【中文标题】可通过硬编码数据观察【英文标题】:observable with harcoded data 【发布时间】:2021-06-10 08:39:31 【问题描述】:

我正在使用版本 10 中的 Angular 应用程序。低于使用硬编码 json 对象学习 observables 而没有 http 调用的要求。例如我有一个接口

export interface cities 
cityId: number;
cityName: string;

下面是我声明一个 observable 的代码

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>

【问题讨论】:

这能回答你的问题吗? How to create an Observable from static data similar to http one in Angular? 【参考方案1】:

您可以像这样使用rxjs of 运算符:

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

你需要先导入操作符:

import  of  from 'rxjs';

【讨论】:

以上是关于可通过硬编码数据观察的主要内容,如果未能解决你的问题,请参考以下文章

Android音视频H264硬编码

数据权限设计(原创)

MediaCodec 硬编码

java硬编码数据校验

一次性在表中添加硬编码数据

如何在 Angular 2 的同一服务中将一些硬编码数据与 API 一起使用?