Breaking News: Grepper is joining You.com. Read the official announcement!

Setting the default value in the drop down list in AngularJS

Add Answer

SAMER SAEID answered on March 25, 2021 Popularity 8/10 Helpfulness 1/10

answer Setting the default value in the drop down list in AngularJS

related set default value in dropdown angular 7

related set default value in dynamic dropdown angularjs

Setting the default value in the drop down list in AngularJS

Comment

EmployeeStatusChangeRoutingInput: {
    Action: 'value3'
}

ng-options="option.Name as option.Value for option in Data.Actions"
angular.module('myApp', [])
  .controller('myCtrl', ['$scope', function($scope) {
    $scope.Data = {
      Actions: [{
        Value: 'test1',
        Name: 'value1'
      }, {
        Value: 'test2',
        Name: 'value2'
      }, {
        Value: 'test3',
        Name: 'value3'
      }],
      EmployeeStatusChangeRoutingInput: {
        Action: 'value3'
      }
    }

  }])

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
  
  <div class="dropdownIcon">
    <select name="actions" id="actions" ng-options="option.Name as option.Value for option in Data.Actions" ng-focus="ActionsLabel = true" ng-blur="ActionsLabel = false;" ng-model="Data.EmployeeStatusChangeRoutingInput.Action"></select>
  </div>
</div>

Popularity 8/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: angularjs default-value drop javascript list setting

Link to this answer
Share Copy Link

Contributed on May 11 2022

SAMER SAEID

0 Answers Avg Quality 2/10

Closely Related Answers

set default value in dropdown angular 7

Comment

Set validation.min with required as well like below one.

supplierId: ["", [Validators.required, Validators.min(1)]]
supplierId is always greater zero so min(1) works for you.

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: angular

Link to this answer
Share Copy Link

Contributed on Mar 25 2021

Santino

0 Answers Avg Quality 2/10

set default value in dynamic dropdown angularjs

Comment

$http.post('commandCenter.aspx/allCustomer', {}).then(
                    function onSuccess(response) {
                        $scope.customers = JSON.parse(response.data.d);
                        if ($scope.customers.length === 1) {
                          $scope.relatedTo = $scope.customers[0].CUSTCODE;
                        }
                        console.log($scope.customers); },
                    function onError(response) {
                        console.log('error !!! ');
                    });

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: angularjs angu

Link to this answer
Share Copy Link

Contributed on May 11 2022

SAMER SAEID

0 Answers Avg Quality 2/10

Setting the default value in the drop down list in AngularJS

Contents

More Related Answers

Setting the default value in the drop down list in AngularJS

Closely Related Answers

set default value in dropdown angular 7

set default value in dynamic dropdown angularjs

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.