Angular 2聚焦于模态

时间:2018-02-02 22:33:52

标签: angular typescript

我在角度项目中使用模态,我需要将一个字段集中在模态中。此字段是 @component 的一部分:

  

Autocomplete.html

<div #autocomplete>
    <input #input required>
    <ul class="list" *ngIf="isShow()">
        <li>...</li>
        <li>...</li>
    </ul>
</div>

  

Autocomplete.ts

@Component({
    selector: 'autocomplete',
    templateUrl: './autocomplete.html'
})
export class Autocomplete 
{
} 

此模态是从主视图中相同 @component 的另一个元素调用的,当我在第一个输入中输入时,模态已经完全渲染,所以ngAfterViewInit interface没有帮助我。

有什么想法吗?感谢

1 个答案:

答案 0 :(得分:0)

尝试在设置输入焦点之前增加一些延迟。请检查此answer