angularjs - ng-options 在 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); 
    }

});

注意事项：

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

谢谢