从 Angular 11 观察值中获取简单的字符串数组,可以通过以下步骤实现:
RxJS
库。Observable
,它可以发出字符串数组。可以使用 of
操作符创建一个简单的 Observable,将字符串数组作为参数传递给它。示例代码如下:import { of } from 'rxjs';
// 创建一个 Observable 发出字符串数组
const stringArray$ = of(['apple', 'banana', 'orange']);
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {
stringArray: string[];
ngOnInit() {
// 订阅 Observable 并获取字符串数组
stringArray$.subscribe(array => {
this.stringArray = array;
console.log(this.stringArray); // 在控制台打印字符串数组
});
}
}
stringArray
变量来展示获取到的字符串数组。示例代码如下:<div *ngFor="let item of stringArray">{{ item }}</div>
以上步骤演示了从 Angular 11 观察值中获取简单的字符串数组的过程。
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云