使用angular1.6.5
1.ng 獲取ng-repeat遍歷出來的radio的value
1）普通形式（不使用ng-repeat）
可以正常顯示
<input type="radio" name="t1" ng-model="demo" value="a">a <br>
<input type="radio" name="t1" ng-model="demo" value="b">b
<h2>{{demo}}</h2>
不使用ng-repeat
2）使用ng-repeat
則無法顯示
<label ng-repeat="x in arrStr">
<input type="radio" name="type1" ng-model="demo" value="{{x}}">
{{x}}
</label>
{{demo}}
3）解決2的問題
若使用ng-repeat則必須在ng-model中加入$parent
<div ng-app="myApp" ng-controller="myCtrl">
<label ng-repeat="x in arrStr">
<input type="radio" name="demo" value="{{x}}" ng-model="$parent.demo">{{x}}
</label>
<h1>{{demo}}</h1>
</div>
成功顯示
原因：因為在ng-repeat中，$scope的作用域不是全局的，相當于局部變量歼狼，無法在全局訪問到其中變量骑疆。所以要使用$parent來使其成為全局變量形病，可全局訪問找颓。
2.ng使用單選框的例子
從json動態(tài)生成，數(shù)據(jù)綁定
1）生成單選框的 json 數(shù)據(jù)
[{
"display":"開關(guān)",
"data_range":["true","false"]
},
{
"display":"工作模式",
"data_range":["自動","手動"]
}]
2）HTML代碼
由json數(shù)據(jù)可以看出炸客，需要使用兩個ng-repeat蒋荚，一個用來遍歷整體戳稽，一個用來遍歷選項
<div ng-app="myApp" ng-controller="myCtrl">
<div ng-repeat="x in str">
<span>{{x.display}}:</span>
<label ng-repeat="y in x.data_range">
<input type="radio" name="{{x.display}}" ng-model="$parent.demo" value="{{y}}">{{y}}
</label>
你的選擇：{{demo}}
</div>
</div>
3）js代碼
由于用的固定數(shù)據(jù)，就是簡單的初始化
var app = angular.module("myApp", [])
app.controller("myCtrl", function($scope, $log, $http){
$scope.str = [
{
"display":"開關(guān)",
"data_range":["true","false"]
},
{
"display":"工作模式",
"data_range":["自動","手動"]
}
]
})
4）結(jié)果截圖
結(jié)果截圖
