从 typescript angular 6 中选择默认选项值

Question

我有一个这样的选择html：

 <select ng-model='nrSelect' class='form-control'>
    <option value='47'>47</option>
    <option value='46'>46</option>
    <option value='45'>45</option>
</select>

如何从打字稿中选择默认值，例如 47 ？

原文由 bramzoti 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你可以这样做：

 <select  class='form-control'
        (change)="ChangingValue($event)" [value]='46'>
  <option value='47'>47</option>
  <option value='46'>46</option>
  <option value='45'>45</option>
</select>

// Note: You can set the value of select only from options tag. In the above example, you cannot set the value of select to anything other than 45, 46, 47.

在这里，您可以使用它。

原文由 Shadab Faiz 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

在 component.html 文件中，您可以简单地使用 [ngModel] 设置默认值并为此创建一个选项。

示例 1：静态选项值

<select [ngModel]="0" class="form-control">
    <option value='0'>Default</option>
    <option value='1'>Option 1</option>
    <option value='2'>Option 2</option>
</select>

例 2：动态期权价值

<select [ngModel]="0" class="form-control">
    <option value='0'>Default</option>
    <option *ng-For="let item of list, let i = index"
        [value]='item.key'>
        {{item.value}}
    </option>
</select>

原文由 Castello 发布，翻译遵循 CC BY-SA 4.0 许可协议