Angular使用map但忽略null。
创始人
2024-10-29 12:31:25
0

在Angular中,您可以使用map操作符和filter操作符来忽略null值。下面是一个示例代码:

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

@Component({
  selector: 'app-example',
  template: '
{{ result$ | async }}
' }) export class ExampleComponent { result$; constructor() { this.result$ = of(1, 2, null, 4, null, 6).pipe( filter(value => value !== null), // 使用filter操作符过滤掉null值 map(value => value * 2) // 使用map操作符对每个非null值进行操作 ); } }

在上面的示例中,我们使用of函数创建一个Observable,其中包含一些值和null。然后,我们使用filter操作符过滤掉null值,然后使用map操作符对每个非null值进行操作(在这个示例中,我们将每个值乘以2)。最后,我们将结果绑定到result$变量,并在模板中使用async管道订阅该Observable。

这样,我们就可以忽略null值,并对非null值进行操作。

相关内容

热门资讯

辅助透视!hhpoker辅助软... 辅助透视!hhpoker辅助软件是真的么,小程序微乐斗地主辅助,项目教程(有挂猫腻)-哔哩哔哩1、每...
专业透视!wepoker私人局... 专业透视!wepoker私人局开挂视频,微乐小程序微乐家乡辅助器,阶段教程(有挂教学)-哔哩哔哩1、...
详细透视!wepoker轻量版... 详细透视!wepoker轻量版透视方法,微信小程序辅助器免费版,模板教程(有挂方略)-哔哩哔哩1、点...
详情透视!aapoker辅助软... 详情透视!aapoker辅助软件合法吗,微信卡五星小程序辅助,窍门教程(有挂方法)-哔哩哔哩1、游戏...
揭幕透视!德普之星app安卓版... 揭幕透视!德普之星app安卓版破解版,微乐小程序辅助多少钱,项目教程(有挂方法)-哔哩哔哩1、首先打...
推荐透视!黑侠破解wepoke... 推荐透视!黑侠破解wepoker,微乐自建房辅助工具,积累教程(有挂功能)-哔哩哔哩黑侠破解wepo...
必备透视!红龙poker辅助平... 必备透视!红龙poker辅助平台,微乐四川小程序修改器,指引教程(有挂秘诀)-哔哩哔哩;1、该软件可...
解迷透视!wepoker透视底... 解迷透视!wepoker透视底牌,微信小程序微乐辅助器免费版v2.0,大纲教程(有挂规律)-哔哩哔哩...
开挂透视!红龙poker辅助平... 开挂透视!红龙poker辅助平台,微信微乐开挂,演示教程(有挂规律)-哔哩哔哩1、任何红龙poker...
详细透视!pokermaste... 详细透视!pokermaster脚本,微乐安徽小程序辅助,方式教程(有挂方法)-哔哩哔哩pokerm...