渲染模板之前的Angular 6等待服务响应

征服者

我无法解决此问题。有人知道这里会发生什么吗?

我的CategoryService是

  getCategory(): Observable<Category[]> {
    // return this.http.get<Category[]>("/category");

    return this.http.get<Category[]>(this.endpoint)
  }

这是我的编辑类别组件

    import { Component, OnInit } from '@angular/core';
import { CategoryService, Category } from '../services/category.service';
import { Router, ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-edit-category',
  templateUrl: './edit-category.component.html',
  styleUrls: ['./edit-category.component.scss']
})
export class EditCategoryComponent implements OnInit {

  constructor(private categoryService : CategoryService, private router: ActivatedRoute ) { }
  category : Category;

  ngOnInit() {
    this.router.params.subscribe(params => {
          this.categoryService.getCategory().subscribe((data : Category[]) => {

            this.category = data.filter(res => {
              return res.id == params["id"]
            })[0];
            console.log(this.category)

          });
   });

  }

}

我需要在我的edit-category-component.html中调用category。

<p>
  {{category.Adi}}
</p>

我可以这样做,但是在那之后或同时浏览器说了4次(我有4条记录)。但是我的代码显示了那4条错误记录。代码有效,因此如何犯这些错误。

ERROR TypeError: Cannot read property 'Adi' of undefined

我是新来的。这看起来像promise还是ngOnInit?对不起,我真的不知道该怎么写真实的问题。

用户名

您可以改用null安全运算符:

<p>
  {{category?.Adi}}
</p>

这将防止当category为null / undefined时出现的错误。您可以在此处了解更多信息:https : //angular.io/guide/template-syntax#the-safe-navigation-operator----and-null-property-paths

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在渲染视图/模板之前,等待Angular 2加载/解析模型

来自分类Dev

Meteor Blaze:在渲染父模板之前不要等待子模板渲染

来自分类Dev

需要在渲染模板之前不等待数据返回

来自分类Dev

Angular2等待HttpPost响应

来自分类Dev

Angular2等待$ http响应

来自分类Dev

组件在渲染之前不会等待API响应

来自分类Dev

在Angular 5中渲染视图之前等待数据

来自分类Dev

Angular 2 在渲染模板之前加载数据

来自分类Dev

Angular 6无限循环并等待API响应

来自分类Dev

渲染模板之前,等待两个可观察对象(包括失败的一个)

来自分类Dev

在Angular 6的iframe中渲染视图并继续使用模板变量

来自分类Dev

重定向之前等待服务器响应

来自分类Dev

如何使用 Angular 中的 Typescript 等待来自 Web 服务的响应

来自分类Dev

在使用 async-await 在 nodejs 中渲染模板之前,等待 firebase 存储数据库拉取完成

来自分类Dev

填充迭代器之前,Angular ng-repeat渲染模板

来自分类Dev

在Angular中进行模板渲染之前加载数据

来自分类Dev

如何使Angular2在渲染组件之前等待一个承诺

来自分类Dev

用于在 Angular 中重新渲染视图模板的差异可观察等待和 setTimeout

来自分类Dev

Angular服务器端渲染模板(.cshtml)解析带有转义符号的错误

来自分类Dev

获取组件以在渲染之前等待异步数据

来自分类Dev

在使用 @loadable/component 渲染之前等待 promise

来自分类Dev

反应-在渲染之前等待承诺

来自分类Dev

Vue JS在渲染之前等待数据

来自分类Dev

在渲染反应钩子之前等待 API 数据

来自分类Dev

如何在调用Apollo Graph QL查询之前等待服务器响应?

来自分类Dev

在 angular 6 模板中使用之前解析 for 键的 json 内容

来自分类Dev

Ember JS-如何在渲染之前等待异步函数响应

来自分类Dev

React.js,如何瞬间渲染用户动作(在等待服务器传播之前)

来自分类Dev

在渲染App之前设置服务变量

Related 相关文章

  1. 1

    在渲染视图/模板之前,等待Angular 2加载/解析模型

  2. 2

    Meteor Blaze:在渲染父模板之前不要等待子模板渲染

  3. 3

    需要在渲染模板之前不等待数据返回

  4. 4

    Angular2等待HttpPost响应

  5. 5

    Angular2等待$ http响应

  6. 6

    组件在渲染之前不会等待API响应

  7. 7

    在Angular 5中渲染视图之前等待数据

  8. 8

    Angular 2 在渲染模板之前加载数据

  9. 9

    Angular 6无限循环并等待API响应

  10. 10

    渲染模板之前,等待两个可观察对象(包括失败的一个)

  11. 11

    在Angular 6的iframe中渲染视图并继续使用模板变量

  12. 12

    重定向之前等待服务器响应

  13. 13

    如何使用 Angular 中的 Typescript 等待来自 Web 服务的响应

  14. 14

    在使用 async-await 在 nodejs 中渲染模板之前,等待 firebase 存储数据库拉取完成

  15. 15

    填充迭代器之前,Angular ng-repeat渲染模板

  16. 16

    在Angular中进行模板渲染之前加载数据

  17. 17

    如何使Angular2在渲染组件之前等待一个承诺

  18. 18

    用于在 Angular 中重新渲染视图模板的差异可观察等待和 setTimeout

  19. 19

    Angular服务器端渲染模板(.cshtml)解析带有转义符号的错误

  20. 20

    获取组件以在渲染之前等待异步数据

  21. 21

    在使用 @loadable/component 渲染之前等待 promise

  22. 22

    反应-在渲染之前等待承诺

  23. 23

    Vue JS在渲染之前等待数据

  24. 24

    在渲染反应钩子之前等待 API 数据

  25. 25

    如何在调用Apollo Graph QL查询之前等待服务器响应?

  26. 26

    在 angular 6 模板中使用之前解析 for 键的 json 内容

  27. 27

    Ember JS-如何在渲染之前等待异步函数响应

  28. 28

    React.js,如何瞬间渲染用户动作(在等待服务器传播之前)

  29. 29

    在渲染App之前设置服务变量

热门标签

归档