angularjs - ng-model not setting default values for me

Question

ng-model was set up here so i could just pass filter into my function and get all user selections. I thought I could also use it to prefill/default the data too. It's not working. This is my controller:

.controller('ListCtrl', [
    '$scope', '$filter', '$location', 'context', 'breeze', 'Service',
    function ($scope, $filter, $location, context, breeze, Service) {
        $scope.pageLoaded = true;
        $scope.lists = [];
        $scope.DDL1 = '';
        $scope.filter = {
            fromDate: '2015-05-01',
            toDate: '',
            sales: false            
        };

I have html like this:

            <md-content ng-controller="ListCtrl" layout="column" flex class="md-padding">
                <md-tabs class="md-primary clearfix" md-selected="0" flex>              
                    <md-tab label="Lists">
                        <table><tr>
                                <td width="10%">From Date: </td>
                                <td width="40%"><input type="date" ng-model="filter.fromDate" value="{{filter.fromDate}}"/></td>
<td width="10%">SParts: </td>
                                <td width="40%">                                    
                                    <input type="radio" name="sales" ng-model="filter.sales" value="true"> yes
                                    <input type="radio" name="sales" ng-model="filter.sales" value="false" checked> no
                                </td>...

also - the datepicker is working because i set the value = {{}} - I don't want to have to do that. shouldn't ng-model be enough? the radio isn't working no matter what — Lisa Solomon
– Lisa Solomon, Commented Feb 1, 2016 at 16:04

Community · Accepted Answer · 2020-06-20 09:12:55Z

3

Use string

Since your'e using input type="radio", set the type of filter.sales to string, that should work

$scope.filter = {
    fromDate: '2015-05-01',
    toDate: '',
    sales: 'false'          
};

From `input type="radio"` ng-model docs,

The value to which the ngModel expression should be set when selected. Note that value only supports string values, i.e. the scope model needs to be a string, too. Use ngValue if you need complex models (number, object, ...).

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Feb 1, 2016 at 16:05

Jossef Harush Kadouri

34.6k10 gold badges143 silver badges133 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Neha Saggam · Accepted Answer · 2016-02-01 17:05:59Z

1

You can use ng-checked of angularjs for prefilling the radio button based on some other value.

for example:

<td width="40%">                                    
  <input type="radio" name="sales" ng-model=vm.filter.sales > yes
  <input type="radio" name="sales" ng-model=vm.filter.sales ng-checked="true"> no
</td>

In the above example I have directly set the ng-checked value to true but you can also set it to true or false using the controller variable also. For more information you can check the documentation @ https://docs.angularjs.org/api/ng/directive/ngChecked

answered Feb 1, 2016 at 17:05

Neha Saggam

1751 silver badge9 bronze badges

Collectives™ on Stack Overflow

angularjs - ng-model not setting default values for me

2 Answers 2

Use string

From `input type="radio"` ng-model docs,

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Use string

From input type="radio" ng-model docs,

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related

From `input type="radio"` ng-model docs,