Question

我通过API让Json回应。

var json =  [{"Price":70},{"Price":100}];

我在View上显示这些数据

<form name="InfoForm" novalidate > 
<div class="list" ng-repeat="data in json" > 
<ion-radio ng-value="data.Price" ng-model="test.Price">{{data.Price}}</ion-radio>
</div>
<button class="button button-full button-assertive" ng-click="goDetail(test)">Next</button>
</form>

Controller : 

$scope.goDetail = function(data){
     alert(JSON.stringify(data));
}

但是点击按钮我没有在controller.its中显示未选择的单选按钮值。

Answer 1

<form name="InfoForm" novalidate > 
    <div class="list" ng-repeat="data in json" > 
        <ion-radio name="price" ng-value="data.Price" ng-model="result.selected">{{dataPackage.PackagePrice}}</ion-radio>
    </div>
    <button class="button button-full button-assertive" ng-click="goDetail(result.selected)">Next</button>
</form>

在上面的代码ng-model中是result.selected。因此，请确保在范围上指定了一个名为result的对象。像这样：$scope.result = {selected: ''}。然后，这将结果绑定到该对象。

在您的示例中，您绑定到test.Price并且我不确定您是否在范围上初始化了模型test。

P.S。如果您希望单选按钮互斥，请确保将name属性添加到单选按钮。示例：

<input type="radio" name="gender" ng-value="dataPackage.PackagePrice" ng-model="data.selected">{{dataPackage.PackagePrice}}

单选按钮值没有进入控制器

1 个答案: