Set default value for dropdownlist using angularjs?

Question

I have code that populates then dropdownlist and the javascript variable that gets the last item in the list. Now all I want to do is select that last item as the default .What am I missing ?

<div class="row">
<div>
    <select ng-init="lastItem" ng-model="congressFilter" ng-options="cc.congressLongName for cc in ccList"></select>
</div>
<div class="grid-style" data-ng-grid="userGrid">
</div>

   ccResource.query(function (data) {
    $scope.ccList.length = 0;
    angular.forEach(data, function (ccData) {
        $scope.ccList.push(ccData);
    })

    //Set default value for dropdownlist?
    $scope.lastItem = $scope.ccList[$scope.ccList.length - 1];
});

Shouldn't it be ng-model="lastItem"?

elclanrs
– elclanrs

2013-11-11 22:13:56 +00:00
Commented Nov 11, 2013 at 22:13 — elclanrs
– elclanrs, Commented Nov 11, 2013 at 22:13

hugo der hungrige · Accepted Answer · 2013-11-11 22:25:51Z

3

You simply need to asign a value to congressFilter in your controller.

 $scope.congressFilter = 'someVal';

It depends a little on how your data looks however.

answered Nov 11, 2013 at 22:25

hugo der hungrige

13k9 gold badges60 silver badges86 bronze badges

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

Comments

Anil Singh · Accepted Answer · 2015-10-09 11:39:21Z

0

It might help to new developers. need to add default id for display default item in option.

The below code sample we add [ $scope.country.stateid = "4" ] in controller $scope to set the default.

    var aap = angular.module("myApp", []);

    aap.controller("MyContl", function($scope) {
      $scope.country = {};
      $scope.country.stateid = "4";

      $scope.country.states = [{
        id: "1",
        name: "UP"
      }, {
        id: "4",
        name: "Delhi"
      }];
    });

<body ng-app="myApp">
  <div ng-controller="MyContl">
    <div>
      <select ng-model="country.stateid" ng-options="st.id as st.name for st in country.states">
      </select>
     ID :  {{country.stateid}}
    </div>
  </div>
</body>

edited Oct 9, 2015 at 11:39

user456814

answered Nov 8, 2014 at 7:53

Anil Singh

4,2224 gold badges45 silver badges49 bronze badges

Collectives™ on Stack Overflow

Set default value for dropdownlist using angularjs?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related