Выбирает события в Angular2
Не могли бы вы мне помочь пожалуйста? Это должно быть легко, но я не могу найти решение. Есть форма с двумя выборами. Когда # select1 изменяется, # select2 должен показывать данные в соответствии со значением # select1. Например, получить города каждого штата. Вид :
//html
<select (change)="select2.getCities($event)" ng-control="userState">
<option *ng-for="#state of states" [value]="state">{{state}}</option>
</select>
<select #select2 ng-control="userCity">
<option *ng-for="#city of cities" [value]="city">{{city}}</option>
</select>
//the Component
@Component({ selector: 'user-management', appInjector: [FormBuilder] });
@View({ templateUrl: 'user-management.html', directives: [NgFor] });
export class userManagement {
constructor(fb: FormBuilder){
this.userForm = fb.group({
userState: [],
userCity: []
});
this.states = ['New York', 'Pennsylvania'];
this.cities = {'New York': ['Albany', 'Buffalo'], 'Pennsylvania':['Pittsburgh', 'Philadelphia']};
}
getCities($event){
return this.cities[$event.target.value];
}
}
Это, конечно, не работает. ПОЖАЛУЙСТА, вы знаете, как это должно быть сделано? Это в alpha28.