要找到一个控件,你可以使用Angular的反应式表单API。下面是一个示例代码,展示了如何在Angular 7+中查找一个控件:
首先,确保你已经导入了必要的模块和类:
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';
接下来,在组件类中创建一个表单组:
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
myForm: FormGroup;
ngOnInit() {
this.myForm = new FormGroup({
username: new FormControl(),
password: new FormControl()
});
}
findControl(controlName: string) {
return this.myForm.get(controlName);
}
}
在上面的示例中,我们创建了一个包含两个控件的表单组:username
和password
。然后,我们定义了一个名为findControl
的方法,该方法接受一个控件名称并返回该控件。
最后,在模板中调用findControl
方法来查找并显示控件的值:
在上面的模板中,我们使用了[formControl]
属性来绑定控件,并通过findControl
方法来查找控件。
现在,当你运行应用程序时,你应该能够找到并显示表单中的控件。