單選按鈕值沒有進入控制器

Question

我正在通過API讓Json響應。

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

我顯示上查看

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