Проблема с опциями ng, не работающими в простом массиве в AngularJS

Question

Я хочу сохранить выбранное значение и открыть выбранное значение. Но когда я добавляю директиву ng- change, выбор перестает работать. Если вы удалите изменение ng, отобразится выпадающий список. Помоги мне.

Это мой 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>

И это мой сценарий JS

**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); 
    }

});

Я новичок в угловых и интернет-поисках только земля в сложные массивы, а не простой. Пожалуйста помоги

Answer 1

Измените ваш скрипт на следующее:

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); 
    }

});

Что следует отметить:

-The nos должен быть объявлен в области видимости контроллера, ранее он не был виден представлению. -Он должен быть вне тестовой функции.

Answer 2

Смотрите это - скрипка

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

}

Answer 3

Просто немного изменить, ничего особенного

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">

Спасибо