ionic -- 單選框使用數據雙向綁定(angularjs)問題

ionic -- 單選框使用數據雙向綁定(angularjs)問題

今天在項目用須要使用<input>標籤的type=radio 的雙向綁定功能,一開始ng-model綁定的變量在controller裏一直沒法實現綁定功能;源碼以下:html

在html裏的代碼:angularjs

 

[html]  view plain  copy
 
  1. <label for="group1"><input type="radio" id="group1" class="group"  name="group" value="1" ng-model="choice" ><span>公開</span></label><br>  
  2. <label for="group2"><input type="radio" id="group2" class="group" name="group" value="2" ng-model="choice" ><span>好友可見</span></label>  

 


controller裏代碼:ionic

 

 

[html]  view plain  copy
 
  1. // 初始化單選框的值  
  2.     $scope.choice = 1;  
  3.     // 點擊事件,獲取被選中的單選框的value值  
  4.     $scope.send = function(){  
  5.       console.log($scope.authority.choice);  // 一直爲初始化的值:1  
  6.     };  

 

 


無論我怎麼獲取,都獲取不到單選框的值,後臺發現原來是我綁定值的時候出了問題:spa

 

正確代碼.net

 

[html]  view plain  copy
 
  1. <label for="group1"><input type="radio" id="group1" class="group"  name="group" value="1" ng-model="authority.choice" ><span>公開</span></label><br>  
  2. <label for="group2"><input type="radio" id="group2" class="group" name="group" value="2" ng-model="authority.choice" ><span>好友可見</span></label>  

 

 

controller:雙向綁定

 

[html]  view plain  copy
 
  1. // 初始化單選框的值,並放到一個對象裏面  
  2.     $scope.authority= {"choice" :1};  
  3.     // 點擊事件,獲取被選中的單選框的value值  
  4.     $scope.send = function(){  
  5.       console.log($scope.authority.choice);  // 一直爲初始化的值:1  
  6.     };  



 


** ng-model = 對象屬性xml

 

    $scope.authority = {"choice":1}  必須以對象形式初始化值;htm

 

但願對你們能有幫助,不要像我同樣在這個坑裏花費這麼長時間。。。對象

相關文章
相關標籤/搜索