how to auto selected value angularjs

Question

drop down are blank i want auto selected value Richard how do this, i am new in angular

  <select class="form-control" name="customer" id="customer" ng-model="postjobcustomerCtrl.selectedCustomer" ng-options="customer.full_name for customer in postjobcustomerCtrl.atlasCustomers  | filter:{full_name: Profile.full_name} track by customer.user_id"
ng-change="postjobcustomerCtrl.selectDefaultAddress()" required></select>

Possible duplicate of [How to have a default option in Angular.js select box](http://stackoverflow.com/questions/18194255/how-to-have-a-default-option-in-angular-js-select-box) — Pritam Banerjee, Nov 21 '16 at 17:53
add `$cope.postjobcustomerCtrl = {selectedCustomer = 'value'}` in ngController. — gaurav bhavsar, Nov 21 '16 at 17:53

score 0 · Answer 1 · answered Nov 21 '16 at 17:55

You'll want to use Angular's ng-Init to set a selected value inline.

<select class="form-control" name="customer" id="customer" ng-model="postjobcustomerCtrl.selectedCustomer" ng-options="customer.full_name for customer in postjobcustomerCtrl.atlasCustomers  | filter:{full_name: Profile.full_name} track by customer.user_id"
ng-change="postjobcustomerCtrl.selectDefaultAddress()" ng-init="postjobcustomerCtrl.selectedCustomer = 'Richard'" required></select>

lealceldeiro · Answer 2 · 2019-04-24T07:42:36.860

0

In your postjobcustomerCtrl, initialize the select ng-model (postjobcustomerCtrl.selectedCustomer) with the id of Richard.

// angularjs controller

atlasCustomers = [{full_name : "Richard", user_id: 1}]        
postjobcustomerCtrl.selectedCustomer = atlasCustomers[0].atlasCustomers.user_id;

edited Apr 24 '19 at 07:42

answered Nov 21 '16 at 17:59

lealceldeiro

14,342
6
49
80

score 0 · Answer 3 · answered Nov 21 '16 at 18:11

If you have the following...

<select ng-model="item">
  <option value="1">Bob</option>
  <option value="2">James</option>
  <option value="3">Karl</option>
</select>

... and you want James to be picked by default, then in the angular controller, you just do this:

$scope.item = 2;

Like so:

angular.module('app', [])
.controller('ctrl', function($scope){
  $scope.item = 2;
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
  <select ng-model="item">
    <option value="1">Bob</option>
    <option value="2">James</option>
    <option value="3">Karl</option>
  </select>
</div>

score 0 · Answer 4 · answered Nov 21 '16 at 18:13

All you need to do is to initialize your model with appropriate value("Richard") here to to get default value

var app = angular.module('app', []);

app.controller('MainCtrl', ['$scope', function ($scope, $http, uiGridConstants) {
  $scope.postjobcustomerCtrl ={};
  $scope.postjobcustomerCtrl.atlasCustomers =[{"full_name":"Richard"},{"full_name":"Colins"},{"full_name":"Steve"}];
  
  $scope.postjobcustomerCtrl.selectedCustomer =$scope.postjobcustomerCtrl.atlasCustomers[0]
  $scope.postjobcustomerCtrl.selectDefaultAddress =function(){
    
  }
  
}]);

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>
<div ng-app ="app" ng-controller="MainCtrl">
  
   <select class="form-control" name="customer" id="customer" ng-model="postjobcustomerCtrl.selectedCustomer" ng-options="customer.full_name for customer in postjobcustomerCtrl.atlasCustomers"
ng-change="postjobcustomerCtrl.selectDefaultAddress()" required></select>
 
</div>

score 0 · Answer 5 · answered Nov 21 '16 at 18:49

 myApp.Controller("MyCltr, function($scope){
     // first fetch data from db
     // bind data to drop-down
     // then set selected value.
     $scope.postjobcustomerCtrl.selectedCustomer = "Richard";

});

And please make sure once your drop-down is binded with data after that set this value.

how to auto selected value angularjs

5 Answers5

Linked