Not able to set the default value in the select box using angular js

Question

I'm trying to set a default value to the select box's options using ng-init in angular js but it isn't working. Here's the code that I have written so far.

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

app.controller("mainController", ["$scope", function($scope){
    $scope.myoptions = "";
    $scope.mainList = [
      "firstOption",
      "secondOption",
      "thirdOption"
    ]
}]);

select{
width:50%;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myApp">
<select ng-controller="mainController" ng-options="options as options for options in mainList" ng-model="myoptions" nginit="myoptions=mainList[1]">
</select>
</body>

Please help me with it. Thanks in advance :)

Change nginit to ng-init.

Mistalis
– Mistalis

2017-03-10 09:54:36 +00:00
Commented Mar 10, 2017 at 9:54 — Mistalis
– Mistalis, Commented Mar 10, 2017 at 9:54

Giovani Vercauteren · Accepted Answer · 2017-03-10 09:44:21Z

3

you have

nginit

which should be

ng-init

answered Mar 10, 2017 at 9:44

Giovani Vercauteren

1,89816 silver badges23 bronze badges

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

Comments

Abdullah Al Noman · Accepted Answer · 2017-03-10 09:56:34Z

It will be ng-init there is no nginit directive in angular js

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

app.controller("mainController", ["$scope", function($scope){
    $scope.myoptions = "";
    $scope.mainList = [
      "firstOption",
      "secondOption",
      "thirdOption"
    ]
}]);

select{
width:50%;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myApp">
<select ng-controller="mainController" ng-options="options as options for options in mainList" ng-model="myoptions" ng-init="myoptions=mainList[1]">
</select>
</body>

Sachila Ranawaka · Accepted Answer · 2017-03-10 09:50:11Z

2

ng-init="myoptions=mainList[0]"

edited Mar 10, 2017 at 9:50

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

answered Mar 10, 2017 at 9:45

Snehal Gongle

3374 silver badges16 bronze badges

Comments

Sachila Ranawaka · Accepted Answer · 2017-03-10 09:49:31Z

change nginit="myoptions = mainList[1]"

to ng-init="myoptions = mainList[1]"

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

app.controller("mainController", ["$scope", function($scope){
    
    $scope.mainList = [
      "firstOption",
      "secondOption",
      "thirdOption"
    ]
     
}]);

select{
width:50%;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myApp">
<select ng-controller="mainController" ng-options="options as options for options in mainList" ng-model="myoptions" ng-init="myoptions = mainList[1]">
</select>
</body>

Collectives™ on Stack Overflow

Not able to set the default value in the select box using angular js

4 Answers 4

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Related