选择选择标签中选择的选项

时间:2019-05-02 15:14:35

标签: html angular typescript

我想选择在组合框中选择的选项,并且希望能够在Typescript中更改选择的选项。

我只有两个选择:是或否。我想选择出现我的组合框时选择的那个

编辑:

这是用户的一个问题的答案,我想显示此组合框,以便用户可以编辑他的答案

HTML:

<select class="form-control custom-select" name="uIsAdmin" id="uIsAdmin">
    <option *ngFor="let useradmin of userIsAdmin">{{useradmin}}</option>
</select>

TypeScript:

ngOnInit() {
    this.userIsAdmin=[
      "yes", "no"
    ];
  }

1 个答案:

答案 0 :(得分:0)

要设置默认值,可以设置selected属性

<option *ngFor="let useradmin of userIsAdmin" [selected]="useradmin === 'yes'">{{useradmin}}</option>

要以编程方式更改所选值,可以使用ngModel

<select [(ngModel)]="myChoice" class="form-control custom-select" name="uIsAdmin" id="uIsAdmin">
    <option *ngFor="let useradmin of userIsAdmin">{{useradmin}}</option>
</select>

TS:

const myChoice = "yes";

尽管如此-在您的代码中,您为用例提供了多种选择,可能只允许是或否。在这种情况下,您应该使用单选按钮组