Proszę, możesz mi pomóc? To powinno być łatwe, ale nie mogę znaleźć rozwiązania. Jest formularz z dwoma wyborami. Gdy # select1 zmienia się, # select2 musi pokazywać dane zgodnie z wartością # select1. Na przykład uzyskaj miasta w każdym stanie. Rodzaj:Wybiera zdarzenia w Angular2
//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];
}
}
To oczywiście nie działa. PROSZĘ, czy wiesz, jak to zrobić? Jest w alpha28.