Question

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

预期的行为（正在开发测试版7）：

当用户仅点击单选按钮时，应该检查它。

当前行为：

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

我想这个问题在某种程度上与这行代码有关，当我删除并试图点击屏幕上的任何地方时，没有检查任何内容，这是完全正常的，这就是为什么我猜这是与Beta相关的错误10：

ipconfig

以下是非工作代码（正在开发测试版7）：

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

您的系统信息：

<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>

Answer 1

您错过了结束</ion-list>。 Here您可以看到一个有效的插件（使用ionic-angular@2.0.0-beta.10），其代码与您的问题相同，但添加了关闭</ion-list>标记。

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

1 个答案: