Rozwijam komponent w Angular2 (Beta 8). Komponent ma pole tekstowe i rozwijane menu. Chciałbym ustawić fokus w polu tekstowym zaraz po wczytaniu komponentu lub w przypadku zmiany listy rozwijanej. Jak to osiągnąć w kątowym 2. Poniżej znajduje się Html dla komponentu.Angular2 - Ustawianie ostrości w polu tekstowym
<div>
<form role="form" class="form-horizontal ">
<div [ngClass]="{showElement:IsEditMode, hidden:!IsEditMode}">
<div class="form-group">
<label class="control-label col-md-1 col-sm-1" for="name">Name</label>
<div class="col-md-7 col-sm-7">
<input id="name" type="text" [(ngModel)]="person.Name" class="form-control" />
</div>
<div class="col-md-2 col-sm-2">
<input type="button" value="Add" (click)="AddPerson()" class="btn btn-primary" />
</div>
</div>
</div>
<div [ngClass]="{showElement:!IsEditMode, hidden:IsEditMode}">
<div class="form-group">
<label class="control-label col-md-1 col-sm-1" for="name">Person</label>
<div class="col-md-7 col-sm-7">
<select [(ngModel)]="SelectedPerson.Id" (change)="PersonSelected($event.target.value)" class="form-control">
<option *ngFor="#item of PeopleList" value="{{item.Id}}">{{item.Name}}</option>
</select>
</div>
</div>
</div>
</form>
</div>
Wystarczająco proste, ale co się stanie, jeśli musisz ustawić fokus w innym komponencie?Na przykład domyślne pole wyszukiwania (w nagłówku) ze składnika podrzędnego. –
A co z dynamicznie generowanym elementem? –