Angular 角度参考模型传入
在一个组件的HTML模板中:Angular 角度参考模型传入,angular,angular-components,angular-forms,ngmodel,Angular,Angular Components,Angular Forms,Ngmodel,在一个组件的HTML模板中: <input [(ngModel)]='dataModel' #data="ngModel" /> <app-my-component [model]='data'></app-my-component> 在运行时,它会给我一个错误expressionChangedTerithasBeenCheckedError:Expression在被检查后已更改。上一个值:“model:null”。当前值:“型号:地址” 有什么想法吗?尝试
<input [(ngModel)]='dataModel' #data="ngModel" />
<app-my-component [model]='data'></app-my-component>
在运行时,它会给我一个错误expressionChangedTerithasBeenCheckedError:Expression在被检查后已更改。上一个值:“model:null”。当前值:“型号:地址”
有什么想法吗?尝试使用
ChangeDetectorRef
告诉angular,NgModel的数据有新的更改
constructor(private cdr: ChangeDetectorRef) {}
ngAfterViewInit() {
this.cdr.detectChanges();
}
我不知道你为什么要这样做,只要做:
<input [(ngModel)]='dataModel'/>
<app-my-component [model]='dataModel'></app-my-component>
我希望能够引用
input
的invalid
和errors
属性。在这种情况下,您应该将error和invalid like模型发送到您的应用程序my-。。。类似于:@Input('valid')valid:string@输入('errorText')错误:字符串代码>这可能有效,但不适合我的需要。不管怎样,谢谢。那你需要什么
<input [(ngModel)]='dataModel'/>
<app-my-component [model]='dataModel'></app-my-component>
export class MyComponentComponent implements OnInit {
@Input() model: string;
}