【问题标题】:Angular2- Object as Radio Input ValueAngular2- 对象作为无线电输入值
【发布时间】:2017-03-24 07:42:27
【问题描述】:

是否可以将 JSON 对象绑定到 Angular2 中的无线电输入?

我有一个名为 object 的 JSON 对象,我尝试过

<input type="radio" [(ngModel)]="selectedObject" [ngValue]="object">

但它给出了ngValue is not a known property of input 错误。我也试过了

<input type="radio" [(ngModel)]="selectedObject" value="{{object}}">

但随后selectedObject 变为[object Object]

【问题讨论】:

  • stackoverflow.com/questions/31879497/… 这可能会有所帮助
  • @Kapein 在此示例中值只是字符串,我想将 JSON 对象绑定到值。
  • 在这里能找到答案吗?我也被这个卡住了......

标签: html angular radio-button forms


【解决方案1】:

感谢this post,我们有了答案:
使用[value]

<label *ngFor="let item of items">
    <input type="radio" formControlName="options" [value]="item">
    {{item}}
</label>

感谢Colleen Purcell

【讨论】:

    【解决方案2】:

    我在 Angular 1 中编写了这段代码,没有为您转换为 Angular 2 进行测试

    <span *ngFor="let List in object.Lists">
        <input type="radio" name="{{List.ID}}" value="{{List.Value}}">
    </span>
    

    【讨论】:

    • 我不希望值是 object.attribute,我希望它是 object 本身。
    • 你如何看待使用索引,然后使用 OnChange(index),然后你在数组中查找你想要的索引并复制它?不确定这是否适用于 [(ngModel)],而不是 Angular 2 专家
    • 如果我使用onChange,当我选择按钮时模型会更新,但在外部更改模型时不会选择它(不是双向绑定)。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-11-19
    • 1970-01-01
    • 2018-10-02
    • 2012-03-24
    相关资源
    最近更新 更多