выберите опцию angular 2

Question

привет проблема, связанная с опцией выбора, свойство человека - мужчина M, в выборе должна быть возможность выбрать пол и изменить его с помощью F. свойство для мужчины entity.person.sex = 'M' и для женщины entity.person.sex = 'F'

html

<span >
    <span >
        <span >Sesso</span>
        <span ></span>
        <select name='gender'>
            <option [value]='' selected>{{entity.person.sex}}</option>
            <option [ngValue]="">{{}}</option>
        </select>
    </span>
</span>

Answer 1

Вам необходимо вызвать функцию для события изменения:

 <select name='gender' (change)="selectChangeHandler($event)">
      <option ....
 </select>

Компонент:

selectChangeHandler (event: any) {
    //update the ui
    this.entity.person.sex = event.target.value;
  }

Answer 2

Я думаю, вы должны сделать это angular способом и связать выбор с вашей моделью.

В вашем HTML (...component.html):

    <span>
        <span>
            <span>Sesso</span>
            <select name='gender' [(ngModel)]="entity.person.sex">
                <option value='M'>Male</option>
                <option value='F'>Female</option>
            </select>
        </span>
    </span>

В вашем TypeScript (...component.ts):

export class AppComponent  {
  entity =  {
    person: {
      sex: 'M'
    }
  };
  // the rest of your component...
}

Я создал StackBlitz , чтобы вы могли проверить его и поиграть.