<i id='QdpPj'><tr id='QdpPj'><dt id='QdpPj'><q id='QdpPj'><span id='QdpPj'><b id='QdpPj'><form id='QdpPj'><ins id='QdpPj'></ins><ul id='QdpPj'></ul><sub id='QdpPj'></sub></form><legend id='QdpPj'></legend><bdo id='QdpPj'><pre id='QdpPj'><center id='QdpPj'></center></pre></bdo></b><th id='QdpPj'></th></span></q></dt></tr></i><div id='QdpPj'><tfoot id='QdpPj'></tfoot><dl id='QdpPj'><fieldset id='QdpPj'></fieldset></dl></div>
      • <bdo id='QdpPj'></bdo><ul id='QdpPj'></ul>

      <small id='QdpPj'></small><noframes id='QdpPj'>

    1. <legend id='QdpPj'><style id='QdpPj'><dir id='QdpPj'><q id='QdpPj'></q></dir></style></legend>

      <tfoot id='QdpPj'></tfoot>
    2. 无法读取未定义 angular2 ngif 的属性

      时间:2023-09-08
      <tfoot id='qZ94T'></tfoot>
      <i id='qZ94T'><tr id='qZ94T'><dt id='qZ94T'><q id='qZ94T'><span id='qZ94T'><b id='qZ94T'><form id='qZ94T'><ins id='qZ94T'></ins><ul id='qZ94T'></ul><sub id='qZ94T'></sub></form><legend id='qZ94T'></legend><bdo id='qZ94T'><pre id='qZ94T'><center id='qZ94T'></center></pre></bdo></b><th id='qZ94T'></th></span></q></dt></tr></i><div id='qZ94T'><tfoot id='qZ94T'></tfoot><dl id='qZ94T'><fieldset id='qZ94T'></fieldset></dl></div>

            • <bdo id='qZ94T'></bdo><ul id='qZ94T'></ul>

              <small id='qZ94T'></small><noframes id='qZ94T'>

              <legend id='qZ94T'><style id='qZ94T'><dir id='qZ94T'><q id='qZ94T'></q></dir></style></legend>
                <tbody id='qZ94T'></tbody>

                本文介绍了无法读取未定义 angular2 ngif 的属性的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

                问题描述

                我现在可以在视图中获取对象,但是我无法运行 if 语句.根据之前的回答,这就是我引入对象的方式.

                I am now able to get the object in the view however I cannot run an if statement. Per previous answer this is how I am bringing in the object.

                public getPosts$(category, limit) {
                  return this.cartService.getPosts(category, limit).map(response => {
                    return response && response.data && response.data.children;
                  };
                }
                
                ngOnInit() {
                  this.getPosts$(this.category, this.limit).subscribe(cart => {
                    this.cart = cart;
                  }
                }
                

                我正在尝试运行,但无法获得属性蔬菜.

                I am trying to run but get cannot get property vegetable.

                <h2 *ngIf="cart">{{cart.vegetable}}</h2>
                <h2 *ngIf="cart.vegetable == 'carrot' ">{{cart.vegetable}}</h2>
                

                错误是

                无法读取未定义的属性vegtable"

                Cannot read property 'vegtable' of undefined

                推荐答案

                cart 对象为空,直到服务 getPosts$ 返回(回调).因此,代码 *ngIf="cart.vegetable ... 等于 *ngIf="null.vegetable ... 直到发生这种情况.这就是正在发生的事情.

                The cart object is null until the service getPosts$ returns (callback). Therefore, the code *ngIf="cart.vegetable ... is equal to *ngIf="null.vegetable ... until that happens. That is what is happening.

                您可以做的是放置一个带有 *ngIf="cart" 的 DOM 元素,其中包含另一个 *ngIf.例如:

                What you could do is put a DOM element with *ngIf="cart" containing the other *ngIf. For example:

                <div *ngIf="cart">
                    <h2 *ngIf="cart.vegetable == 'carrot' ">{{cart.vegetable}}</h2>
                </div>
                

                *正如在下一个答案中所说,一个很好的选择(和良好的做法)如下:

                * As it is said in the next answer, a good alternative (and good practice) is the following:

                <h2 *ngIf="cart?.vegetable == 'carrot' ">{{cart.vegetable}}</h2>

                这篇关于无法读取未定义 angular2 ngif 的属性的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持html5模板网!

                上一篇:如何在 Ionic 中使用 CORS 编写 Angular 2 服务? 下一篇:离子2:设置间隔

                相关文章

                最新文章

              1. <small id='IcJxx'></small><noframes id='IcJxx'>

                <tfoot id='IcJxx'></tfoot>
                  <bdo id='IcJxx'></bdo><ul id='IcJxx'></ul>

              2. <i id='IcJxx'><tr id='IcJxx'><dt id='IcJxx'><q id='IcJxx'><span id='IcJxx'><b id='IcJxx'><form id='IcJxx'><ins id='IcJxx'></ins><ul id='IcJxx'></ul><sub id='IcJxx'></sub></form><legend id='IcJxx'></legend><bdo id='IcJxx'><pre id='IcJxx'><center id='IcJxx'></center></pre></bdo></b><th id='IcJxx'></th></span></q></dt></tr></i><div id='IcJxx'><tfoot id='IcJxx'></tfoot><dl id='IcJxx'><fieldset id='IcJxx'></fieldset></dl></div>
                  1. <legend id='IcJxx'><style id='IcJxx'><dir id='IcJxx'><q id='IcJxx'></q></dir></style></legend>