2016-07-07 33 views
0

我有兩個單選按鈕,我想第一個被自動選擇AngularJS:自動選擇一個單選按鈕

<input type="radio" name="playlist" ng-value="myCtrl.cleanPlaylist" ng-model="myCtrl.playlistSelected"> Clean 

<input type="radio" name="playlist" ng-value="myCtrl.explicitPlaylist" ng-model="myCtrl.playlistSelected" ng-disabled="myCtrl. 

我有我的控制器要選擇的第一個,但由於某種原因,它不工作。 ..

var myModule = angular.module("MyApp", []).controller('MyController', function(){ 

this.explicitDisabled = false; 

this.playlistSelected = this.cleanPlaylist; 

}) 
+0

也許我思念一個人,但爲什麼不'checked'屬性只是添加到第一?無法相信其他答案沒有這樣說 –

回答

0

playlistSelected爲空,它將需要一個匹配單選按鈕值的值。什麼是cleanPlaylist?爲什麼不硬編碼收音機的值,然後將控制器中的播放列表選擇爲該值。

1

必須設置爲單選按鈕的值,ng-value是角表達到ng-model將被選擇了無線電時,根據 docs設置。

然後,使其運作的,你可以做到這一點如下:

(function() { 
 
    "use strict"; 
 
    angular.module('app', []) 
 
    .controller('mainCtrl', function() { 
 
     var vm = this; 
 
     
 
     vm.playlistSelected = 'clean'; 
 
    }); 
 
})();
<!DOCTYPE html> 
 
<html ng-app="app"> 
 

 
<head> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js"></script> 
 
</head> 
 

 
<body ng-controller="mainCtrl as main"> 
 
    <input type="radio" name="playlist" value="clean" ng-model="main.playlistSelected"> Clean 
 
    <input type="radio" name="playlist" value="complete" ng-model="main.playlistSelected"> Complete 
 
</body> 
 

 
</html>

相關問題