Angular 4 错误类型错误 : Cannot read property 'dirty' of undefined

Question

我是angular新手，遇到这样的问题:

当我在元素中放置一个 ngIf 时，

 <input type="text" *ngIf="true" id="name" name="name" class="form-control" required [(ngModel)]="name" #name="ngModel" />
aaaaaa {{name.dirty}}

我得到了

ERROR TypeError: Cannot read property 'dirty' of undefined
at Object.eval [as updateRenderer] (PrepareInvestmentComponent.html:1)
at Object.debugUpdateRenderer [as updateRenderer] (core.es5.js:13105)
at checkAndUpdateView (core.es5.js:12256)
at callViewAction (core.es5.js:12599)
at execComponentViewsAction (core.es5.js:12531)
at checkAndUpdateView (core.es5.js:12257)
at callViewAction (core.es5.js:12599)
at execEmbeddedViewsAction (core.es5.js:12557)
at checkAndUpdateView (core.es5.js:12252)
at callViewAction (core.es5.js:12599)

但是，当我删除 ngIf 时，它工作正常。我能知道为什么以及解决此问题的迹象吗？

Answer 1

似乎 angular 不允许您使用引用变量 + *ngIf...解决方案是使用 ng-container 或仅使用 分区

像这样: https://stackblitz.com/edit/angular-48763586-rsrtsa?file=app/app.component.html

有一个 Unresolved 问题似乎与您的情况有关:https://github.com/angular/angular/issues/13974