Angular - использовать динамические переменные в определении модуля

Вы можете сделать так, как указано выше:

<select class="form-control" 
        [(ngModel)]="selectedWorkout" 
        (ngModelChange)="updateWorkout($event)">
    <option *ngFor="#workout of workouts;
                    let itemIndex = index"
            [attr.selected]="itemIndex == 0">
    {{workout.name}}
    </option>
</select>

В приведенном выше коде, как вы можете видеть, выбранный атрибут параметра повторения задается при проверке индекса повторяющегося цикла списка. . [Атр & л; Имя атрибута html>] используется для установки атрибута html в угловом2.

Другим подходом будет установка значения модели в файле машинописных файлов как:

this.selectedWorkout = this.workouts.length > 0
                       ? this.workouts[0].name
                       : 'No data found';//'arm'