选择单选按钮时显示所选数据[离子]

Question

我正在尝试根据用户选择显示单选按钮数据，但它不显示任何内容。这是我的代码：

<div ng-app="" ng-init="categoryID">
    <ion-list radio-group>

        <ion-item>
            <ion-label>Category 1</ion-label>
            <ion-radio value="category1" ng-model="categoryID"></ion-radio>
        </ion-item>

        <ion-item>
            <ion-label>Category 2</ion-label>
            <ion-radio value="category2" ng-model="categoryID"></ion-radio>
        </ion-item>

        <ion-item>
            <ion-label>Category 3</ion-label>
            <ion-radio value="category3" ng-model="categoryID"></ion-radio>
        </ion-item>

    </ion-list>

    <p>Category : {{ categoryID }}</p>
</div>

尝试显示在此网址https://codepen.io/terrer-sandman/pen/erMzzQ

上的显示效果