布尔属性的单选按钮 [英] Radio button for boolean property

问题描述

我的对象 document 中有一个简单的布尔属性 valid并且需要将其绑定到无线电输入.

I have a simple boolean property valid in my object document and need to bind it to radio-inputs.

这是我目前所拥有的:

<input type="radio" name="valid" id="validTrue" (click)="document.valid = true" [checked]="document.valid"/>
<input type="radio" name="valid" id="validFalse" (click)="document.valid = false" [checked]="!document.valid"/>

至少在点击时设置属性有效，但无线电输入不显示其状态.查看浏览器的开发者控制台，我发现设置了一个属性 ng-reflect-checked，但它似乎对 HTML 单选输入没有影响.

At least setting the property on click works but its state is not displayed by the radio-inputs. Looking in the developer console of my browser I found out that a property ng-reflect-checked is set but it doesn't seem to have impact on the HTML radio-input.

我做错了什么?
有没有人有一个有效的angular2-boolean-radio-input"?片段?

What am I doing wrong?
Does anyone have a working "angular2-boolean-radio-input" snippet?

推荐答案

在新的表单模块中，这可能会满足您的需求

In the new forms module this might do what you want

  <input type="radio" name="food" [(ngModel)]="document.valid" [value]="true">
  <input type="radio" name="food" [(ngModel)]="document.valid" [value]="false">

另请参阅新表单模块的设计文档

这篇关于布尔属性的单选按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！