Выбирает события в 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.

Ответы на вопрос(3)

Ваш ответ на вопрос