*ngif 中的 Angular 5 元素始终未定义答案

【问题标题】：Angular5 element inside *ngif is allways undefined*ngif 中的 Angular 5 元素始终未定义
【发布时间】：2018-02-23 00:44:30
【问题描述】：

在下面的场景中，当我click第一个divchildDiv总是标记为undefined因为methodB返回false，如果在某个时候methodB返回true和@ 987654329@ 被渲染，当我再次点击第一个div 时childDiv 仍然是undefined。

<div (click)="someMethod(); childDiv.click()">
   ...
</div>

<div *ngIf="methodB()"
   <paper-chip #chip label="Hello">
     <span #spanChip>
        H
     </span>
   </paper-chip>
   <div id="childDiv" #childDiv (click)="chip.label='Bye'; spanChip.textContent='B''>

如果methodB 返回真childDiv 它不是undefined，我该怎么做？

【问题讨论】：

标签： angular5 angular-ng-if

【解决方案1】：

当您可以简单地调用它的 click 方法时，为什么要调用 childDiv click？

试试这样的：

<div (click)="someMethod(); if (methodB()) someOtherMethod()">
   <div *ngIf="methodB()" id="childDiv" #childDiv (click)="someOtherMethod()'</div>
</div>

【讨论】：

你是对的！我需要改变我的例子来展示真正的问题