Ionic2 - 无法选择/取消选择离子无线电答案

【问题标题】：Ionic2 - can't select/unselect ion-radioIonic2 - 无法选择/取消选择离子无线电
【发布时间】：2016-07-12 00:25:52
【问题描述】：

我将我的 IONIC2 项目从 beta 7 更新到 beta 10；在 beta 7 中，以下代码运行良好；但是，更新后它停止工作。

预期行为（适用于 beta 7）：

当用户只点击一个单选按钮时，它应该被选中。

当前行为：

当用户点击屏幕上的任意位置时，单选按钮被选中。

我猜这个问题与这行代码有关，当我删除并尝试单击屏幕上的任意位置时，没有任何检查，这是完全正常的，这就是为什么我猜这是与 Beta 相关的错误10：

<ion-radio checked="false" value="option1"></ion-radio>

以下是非工作代码（在 beta 7 上工作）：

<ion-header>
    <ion-navbar>
        <ion-title>CHECKOUT</ion-title>
    </ion-navbar>
</ion-header>

<ion-content padding class="checkout">
    <div class="listTitle">PLEASE CHOOSE ONE OF THE BELOW OPTIONS</div>
    <ion-list radio-group [(ngModel)]="content">
        <ion-item *ngIf="(option1)" class="listItems">
            <ion-label>{{option1}}</ion-label>
            <ion-radio checked="false" value="option1"></ion-radio>
        </ion-item>

    <div class="spacing"></div>
</ion-content>

<ion-footer class="orderNowFooter">
    <button class="orderButton" [disabled]="!content">
         <div class="centeredWhiteText">ORDER NOW</div>
    </button>
</ion-footer>

您的系统信息：

Cordova CLI: Not installed
Ionic Framework Version: 2.0.0-beta.10
Ionic CLI Version: 2.0.0-beta.32
Ionic App Lib Version: 2.0.0-beta.18
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Mac OS X El Capitan
Node Version: v5.9.0
Xcode version: Xcode 7.3.1 Build version 7D1014

【问题讨论】：

标签： ionic2

【解决方案1】：

您缺少一个结束</ion-list>。 Here 你可以看到一个工作的 plunker（使用 ionic-angular@2.0.0-beta.10），代码与你的问题相同，但添加了结束 </ion-list> 标记。

【讨论】：