Drop down default value select based on condition

Question

Issues fiddle here dropdown issue with default selection Below the JSON used to populate the drop down.

        {
            "key": "all",
            "value": "First",
            "default":"N"
        },       
        {
            "key": "only_my_events",
            "value": "Default",
            "default":"Y"
        },
        {
            "key": "only_assigned",
            "value": "Second",
            "default":"N"
        },
        {
            "key": "only_owner",
            "value": "Third",
            "default":"N"
        },
        {
            "key": "none",
            "value": "Fourth",
            "default":"N"
        }

Drop down code to display the item

 <select ng-model="mail_notification" ng-options="c.key as c.value for c in mail_notifications" ng-init = "c.default = 'Y'"></select>

Required

The default item selected should be the item with default value is Y (default = 'Y').

Issues.

First item in the drop down is empty. there is no default selected item.

Already tried.

Seen solution like setting a default value like " Choose an Item", which is not im looking for. AngularJS. When select have ng-model attribute, ng-selected not working

Sajeetharan · Accepted Answer · 2018-12-16T06:45:36.933

1

It's simple, you just need to set the ng-model as mail_notification

$scope.setDefault = function(){
  $scope.mail_notification = $scope.mail_notifications.find(t=>t.default === 'Y').key;
  console.log($scope.mail_notification);
}

and in HTML

  <select ng-model="mail_notification" ng-options="c.key as c.value for c in mail_notifications" ng-init = "setDefault()"></select>

JSFIDDLE DEMO

edited Dec 16 '18 at 06:45

answered Dec 16 '18 at 06:31

Sajeetharan

216,225
63
350
396

1

This is hard coded. Looking for dynamic solution, I need to set using – user630209 Dec 16 '18 at 06:37
even if you use ng-init its hardcoding dude – Sajeetharan Dec 16 '18 at 06:40
That is the requirement, default = Y. That should be the condition. Can't set json value directly, that will be dynamic. – user630209 Dec 16 '18 at 06:42

Drop down default value select based on condition

1 Answers1