我的可重用组件中有一个 ngModel 组件。该字段不是表单的一部分。我想访问它来进行一些更改。我尝试了下面的代码,但它在 OnInit 中未定义。你能告诉我如何访问它吗?
下面的代码返回未定义
@ViewChild('nameAccessor') ngModel:NgModel;
ngOnInit(): void {
console.log(this.ngModel);
}
Template
<input ngModel (blur)="nameBoxChanged(nameAccessor)" (keyup)="nameBoxChanged(nameAccessor)" [ngClass]="{'redBorder':nameBoxValidator}"
#nameAccessor [disabled]="pageStatus==4" name="name" id="name" type="text" class="form-control" placeholder="{{'movieCategory.placeHolder.name'|translate}}">
您还必须添加{read: NgModel}
与@ViewChild
@ViewChild('nameAccessor', {read: NgModel}) ngModel:NgModel;
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)