angularjs ng-options nested variable

Question

Ng-options doesn't seem to work on object on $scope. for ex. $scope.model.colors. Is it a bug or something wrong in my code. http://jsfiddle.net/wbsrvc/uDteZ/#base

function Main($scope) {
 $scope.model.selected = "value1";
 $scope.model.colors = ["value1", "value2", "value3"];
}
<div ng-controller="Main" ng-app> <span>{{selected}}</span>

  <input ng-model="model.selected" />
  <select ng-model="model.selected" ng-options="v for v in model.colors"></select>
</div>

Shivkumar · Accepted Answer · 2014-06-12 05:00:58Z

3

You are missing to create model object in scope

function Main($scope) {

 $scope.model = {};  //create model object in scope.
 $scope.model.selected = "value1";
 $scope.model.colors = ["value1", "value2", "value3"];
}

answered Jun 12, 2014 at 5:00

Shivkumar

1,9035 gold badges21 silver badges32 bronze badges

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

Comments

Mindeater · Accepted Answer · 2014-06-12 05:02:57Z

1

Tell the $scope.model it is an object

function Main($scope) {
  $scope.model = {};
  $scope.model.selected = "value1";
  $scope.model.colors = ["value1", "value2", "value3"];
}

Angular cannot find model without it being defined

answered Jun 12, 2014 at 5:02

Mindeater

3223 silver badges9 bronze badges

Collectives™ on Stack Overflow

angularjs ng-options nested variable

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related