今天在項目用須要使用<input>標籤的type=radio 的雙向綁定功能,一開始ng-model綁定的變量在controller裏一直沒法實現綁定功能;源碼以下:html
在html裏的代碼:angularjs
- <label for="group1"><input type="radio" id="group1" class="group" name="group" value="1" ng-model="choice" ><span>公開</span></label><br>
- <label for="group2"><input type="radio" id="group2" class="group" name="group" value="2" ng-model="choice" ><span>好友可見</span></label>
controller裏代碼:ionic
- // 初始化單選框的值
- $scope.choice = 1;
- // 點擊事件,獲取被選中的單選框的value值
- $scope.send = function(){
- console.log($scope.authority.choice); // 一直爲初始化的值:1
- };
無論我怎麼獲取,都獲取不到單選框的值,後臺發現原來是我綁定值的時候出了問題:spa
正確代碼.net
- <label for="group1"><input type="radio" id="group1" class="group" name="group" value="1" ng-model="authority.choice" ><span>公開</span></label><br>
- <label for="group2"><input type="radio" id="group2" class="group" name="group" value="2" ng-model="authority.choice" ><span>好友可見</span></label>
controller:雙向綁定
- // 初始化單選框的值,並放到一個對象裏面
- $scope.authority= {"choice" :1};
- // 點擊事件,獲取被選中的單選框的value值
- $scope.send = function(){
- console.log($scope.authority.choice); // 一直爲初始化的值:1
- };
** ng-model = 對象屬性xml
$scope.authority = {"choice":1} 必須以對象形式初始化值;htm
但願對你們能有幫助,不要像我同樣在這個坑裏花費這麼長時間。。。對象