首页 / ANGULAR / Angular 调用服务逻辑

Angular 调用服务逻辑

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Angular 调用服务逻辑，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1414字，纯文字阅读大概需要3分钟。

内容图文

1,proejcts初始化赋值不需要了。

projects = [
    {
      id: 1,
      name: "企业协作平台",
      desc: "这是一个企业内部项目",
      coverImg: "assets/images/covers/0.jpg"
    },
    {
      id: 2,
      name: "自动化测试项目",
      desc: "这是一个企业内部项目",
      coverImg: "assets/images/covers/1.jpg"
    }
  ];

在构造函数中赋值。

constructor(private dialog: MatDialog,
    private cd: ChangeDetectorRef,
    private projectService: ProjectService) {
    this.projectService.get("37489e0c-df34-c261-71c4-ce75357e3035").subscribe(projects => this.projects = projects);
  }

2，装loadsh

npm i --save loadash

npm i --save-dev @types/lodash 

            private
             getThumbnails() {
    
            return _.range(0, 40).map(i => `/assets/img/covers/${i}_tn.jpg`);
  }

3, 初始projects为空的问题。

脏值检测

            this.projectService.get("37489e0c-df34-c261-71c4-ce75357e3035").subscribe(
      projects => {
        this.projects = projects;
        this.cd.markForCheck();
      }
    );

 4,用filter代替 if (!project) return;

    dialogRef.afterClosed().subscribe((project) => {
      if (!project) return;
      this.projectService.add(project);
      this.cd.markForCheck();
    });

用filter代替

dialogRef.afterClosed().pipe(filter(n => n)).subscribe((project) => {
      this.projectService.add(project);
      this.cd.markForCheck();
    });

 5, subscribe()中返回的还是一个流，

this.projectService.add(project);返回还是流

我们不做subscribe()中的subscribe()。两个流就应该可以合并。

             dialogRef.afterClosed()
      .pipe(
        filter(n => n),
        switchMap(v => this.projectService.add(v)))
      .subscribe(project => console.log(project));

 

原文：https://www.cnblogs.com/starof/p/14439283.html

内容总结

以上是互联网集市为您收集整理的Angular 调用服务逻辑全部内容，希望文章能够帮你解决Angular 调用服务逻辑所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1311526.html

来源：【匿名】