issue with the ng-options not working in a simple array in AngularJS

Question

I want to save the selected value and pop up the selected value . But when I add the ng- change directive the select stops functioning. If you remove the ng change the droplist is displayed. Help me out.

This is my html

<div ng-app="HelloApp">
  <div ng-controller="MyCtrl">
    <p>Term</p>
    <select ng-model="bob" ng-change="test()" ng-options="x for x in nos">

    </select>
  </div>
</div>

And this is my js script

**var app = angular.module('HelloApp', []);  
app.controller('MyCtrl', function($scope) {
console.log('ctrl working');
    $scope.test = function () {
     nos=["5", "10", "15"];**
     var kill=$scope.bob;
     alert ("changed!"+ kill); 
    }

});

I am new to angular and internet searches only land to complex arrays not a simple one. Please help

Rambler · Accepted Answer · 2016-10-04 06:53:42Z

1

Change your script to the following :

var app = angular.module('HelloApp', []);  
app.controller('MyCtrl', function($scope) {
console.log('ctrl working');
$scope.nos=["5", "10", "15"];
    $scope.test = function () {

       var kill=$scope.bob;
       alert ("changed!"+ kill); 
    }

});

Things to note :

-The nos must be declared into the controller scope , previously it was not visible to the view. -It should be out of the test function.

answered Oct 4, 2016 at 6:53

Rambler

5,5702 gold badges24 silver badges29 bronze badges

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

Comments

Disha · Accepted Answer · 2016-10-04 06:54:07Z

1

See this - fiddle

$scope.nos=["5", "10", "15"];
$scope.bob="";
$scope.test = function () {
   alert($scope.bob);

}

answered Oct 4, 2016 at 6:54

Disha

8321 gold badge11 silver badges40 bronze badges

1 Comment

Tedsville Over a year ago

hey got it, thnks

Ujjwal kaushik · Accepted Answer · 2016-10-04 06:57:46Z

0

Just a Bit change , nothing major

app.controller('MyCtrl', function($scope) {
$scope.nos=["5", "10", "15"];
    $scope.test = function (x) {
     alert (x); 
    }
});

HTML

<select ng-model="bob" ng-change="test(bob)" ng-options="x for x in nos">

Thanks

answered Oct 4, 2016 at 6:57

Ujjwal kaushik

1,69613 silver badges18 bronze badges

1 Comment

Tedsville Over a year ago

ya, got it, thnks for answering so fast

Collectives™ on Stack Overflow

issue with the ng-options not working in a simple array in AngularJS

3 Answers 3

Comments

1 Comment

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Related