如何以反应形式传递单选按钮的值?

时间:2017-02-27 15:50:31

标签: javascript angular reactive-forms

我有Angular2的RC5版本 我有类似的东西,其中一些

<input formControlName="uploadType" id="upload_type-parts_service" name="uploadType" value="parts_service" type="radio" />

我绑定了一个onchange

(change)=onUploadTypeChange( ??? )

然后我在我的js中定义了这个函数

onUploadTypeChange( uploadType ) {
    this.uploadType = ...
}

我正在努力获取单选按钮值。我的计划是将它传递给onchange函数并更新显示/隐藏视图中某些元素的uploadType值。 我尝试过thisthis.valuethis.type.controls.uploadType.value,但没有任何作用。表格本身就是type

有人可以指出我如何在反应变量中获得价值吗?

2 个答案:

答案 0 :(得分:2)

感谢msanford的评论中的问题,我发现onUploadTypeChange( $event ) 需要传递

onUploadTypeChange( e ) {
    this.uploadType = e.target.value;
}

然后在我的js

target

[value]=...返回输入本身

我将广播的价值与values="..."绑定在一起,但这不是反应变量所必需的,而是导致问题。我只使用{{ this.type.controls.uploadType.value }}

设置了值

现在一切正常,RestClient打印预期值

答案 1 :(得分:1)

你尝试过这样的事吗?这会监视值的更改并将订阅放在ngAfterViewInit()方法中。

where trunc(start_time) > '01/01/2016'