我在使用离子单选按钮时遇到了一些问题。当我更改所选单选按钮时,Ion会正确显示选中标记,但角度控制器不会识别任何更改。更具体地说,更改不会影响用作单选按钮的ng模型的范围变量。
我创建了一个plunker示例来演示我的问题:http://embed.plnkr.co/xjakgbnevTHZwF2pCC7e/preview
在本例中,所选选项显示在标题栏中。当初始化控制器时,默认情况下第二项是选定的。Ionic似乎意识到了这一点,因为第二个选项被选中了。然而,选择的更改无法正确识别。
如果有人能帮助我,我将不胜感激,提前感谢!
向致以最良好的问候
如果您想在<ion-content>
阶段本身中显示它,则无需提及使用$parent的范围层次结构。在这种情况下,您的代码将正常工作示例
我认为这是与儿童范围相关的问题。为了在标题中获得更新,您需要使用$parent.$parent
声明您的ng模型
APP.html
<ion-view view-title="Radio button demo">
<ion-header-bar align-title="left" class="bar-positive">
<h1 class="title">Chosen option: {{item}}</h1>
</ion-header-bar>
<ion-content>
<ion-list>
<ion-radio ng-repeat="i in items" ng-value="i.Id" ng-model="$parent.$parent.item" >{{i.Name}}</ion-radio>
</ion-list>
</ion-content>
</ion-view>
工作Plunkr
解决这个问题的更好方法是使用Dot Rule
或controllerAs
(消除$scope
,在控制器内部使用this
)模式。