Angular2中表单控件的非字符串值

Question

在 Angular2 中，是否有一种简洁的方法可以将表单控件的值作为字符串以外的其他内容来处理，例如有一个带有选项 (bool) true 和 (bool) false 的 <select>？

目前我正在使用感觉不太优雅的解决方案：

<select (change)="model.published = !!$event.target.value">
    <option value="">No</option>
    <option value="1">Yes</option>
</select>

<select (change)="model.type = $event.target.value * 1">
    <option value="1">My value is (int) 1</option>
    <option value="2">My value is (int) 2</option>
</select>

我在示例中使用<select>s，但我也对其他表单控件感兴趣。

This question 被建议为重复，但我不认为这是一个，因为我不是

1. 只对精选感兴趣
2. 尝试动态生成选项

Answer 1

这是当前 Angular 版本https://github.com/angular/angular/issues/2551中的一个已知限制

Answer 2

是的，只需将[(ngModel)]="model.published" 添加到选择中，它将设置<option> 选定的value 属性，如果您在<option> 中添加一个对象，如下所示：<option value="{{object}}"> 您将设置一个对象，它不一定是字符串。