Angular 如何在任何时候都关注ngIf中组件内部的元素?

Angular 如何在任何时候都关注ngIf中组件内部的元素?,angular,typescript,focus,angular2-template,angular-components,Angular,Typescript,Focus,Angular2 Template,Angular Components,我想使用Angular2关注一个特定的元素 该应用程序包含可选择或创建的项目列表。当选择或创建项时,会在父组件中调用相应的函数,并将正确的数据异步(使用jQuery)加载到支持表单的模型中 newValue(){ this.valueSelected=true; //做点什么来集中注意力 //从数据库获取模板的复杂异步项创建代码 } 选择值(val:Value){ this.dialog.conditionallyShowDialog(this.hasChanges(),“项目已编辑,是否确实要

我想使用Angular2关注一个特定的元素

该应用程序包含可选择或创建的项目列表。当选择或创建项时,会在父组件中调用相应的函数,并将正确的数据异步(使用jQuery)加载到支持表单的模型中

newValue(){
this.valueSelected=true;
//做点什么来集中注意力
//从数据库获取模板的复杂异步项创建代码
}
选择值(val:Value){
this.dialog.conditionallyShowDialog(this.hasChanges(),“项目已编辑,是否确实要更改项目?”,“警告!”)。订阅(确认=>{
如果(确认){
this.valueSelected=true;
//做点什么来集中注意力
//涉及数据库的复杂异步加载代码
});
}
表单隐藏在ngif中,此时可能存在,也可能不存在,具体取决于是否已选择某个项目


.....
表单包含包含文本区域或输入字段的InputComponents


我希望在选择或创建新项目时,重点关注第一个InputComponents中的正确输入

我找到了几种专注于输入的方法,但在这种情况下似乎没有一种有效。 见:


遗憾的是,它太简单了。调焦需要从调用的函数中多次发生,而输入则在有时被ngIf隐藏的组件内。:(遗憾的是,它太简单了。调焦需要从调用的函数中多次发生,而输入则在有时被ngIf隐藏的组件内。:(