时间戳

首页 > 解决方案 > 无法读取角度未定义的属性“名称”

angular - 无法读取角度未定义的属性“名称”

问题描述

在我的角度应用程序中，我收到了这个错误

“无法读取未定义的属性‘名称’”

在此处输入图像描述

我无法在我的代码中找到问题。我使用名称的唯一地方是选择

下面是第 24 行的 select 组件的 HTML

<section *ngIf="setPlainHeader" class="p-l-xxl p-r-xxl p-b-md category bg-white-only box-shadow">
  <div class="form-group nav navbar-nav navbar-btn m-t-xs m-b-xs">
    <label class="col-sm-4 control-label  p-t-xs m-t-xs">Category:</label>
    <div class="col-sm-8 p-t-xs">
      <select
        *ngIf="Categories"
        (change)="categoryChange()"
        name="category"
        [(ngModel)]="selectedCategory"
        class="form-control">
        <option
          *ngFor="let item of Categories | async "
          [value]="item.categoryId" label="">
          {{item?.name}}
        </option>
      </select>
    </div>
  </div>
</section>

下面是ts中的代码

selectedCategory: any = '-1';

ngOnInit() {
  this.Categories=this.commonServ.getCategoryData()
}

categoryChange() {
  this.commonServ.setSelectedCategory(this.selectedCategory); 
}

类别加载但在控制台中我不断收到此错误，这导致渲染中的一些其他问题。

编辑：我尝试使用setPlainHeader缩小标题中的部分在某些页面上可见的问题。因此，当元素（部分）隐藏/可见时，我会收到此错误。

谁能指导我到底需要做什么。

谢谢

标签： angulartypescript

解决方案

尝试使用?这样的安全导航运算符 -

{{item?.name}}

推荐阅读