I'm trying to set a default selection for a radio button, but it's not working when used along side AngularJS directive ngModel
<input type="radio" value="5000" checked ng-model="status">5000
Here is the DEMO
-
Can you explain why is any different the answer you marked as valid and mine that you downvoted?Wawy– Wawy2015-01-29 14:06:31 +00:00Commented Jan 29, 2015 at 14:06
Add a comment
|
2 Answers
You can use ng-checked in this case. Updated Fiddle
HTML Code:
<div ng-app="myApp">
<div ng-controller="test">
<input type="radio" value="5000" ng-checked="status">5000
<br/> <span>{{status}}</span>
</div>
</div>
JS Code:
angular.module("myApp", [])
.controller("test", function ($scope) {
$scope.status = true;
});
UPDATE as per the OP comment:
JS Code:
angular.module("myApp", [])
.controller("test", function ($scope) {
$scope.status = true;
if (!$scope.status) $scope.radioValue = 0;
else $scope.radioValue = 5000;
});
HTML Code:
<div ng-app="myApp">
<div ng-controller="test">
<input type="radio" value="5000" ng-checked="status" ng-model="radioValue">5000
<br/> <span>{{radioValue}}</span>
</div>
</div>
3 Comments
iJade
but I also want the value of radio button selected .....for which I would require ngModel .... What do u think ??
James Waddington
Just define a model as well and initialize that in the controller as well.
V31
@iJay: Updated the code, you can put the false value and see that the value is getting changed.
You need to initialize the status scope property in your controller:
HTML:
<input type="radio" value="5000" checked ng-model="status">5000
JS:
angular.module("myApp", []).controller("test", function ($scope) {
$scope.status = 5000;
});
1 Comment
Wawy
What do you mean it doesn't set a default value, explain what do you expect to happen then