使用静态值获取angularjs中ng-change的下拉值

Question

我想在更改 ng-change 的下拉菜单时获得价值。我的代码如下：-

<select class="form-control" id="cobSRQ2" ng-change="cobchange()" required>
    <option>[Select One]</option>
    <option value="Primary" selected>Primary</option>
    <option value="Secondary">Secondary</option>
    <option value="Tertiary">Tertiary</option>
</select>

我想将值发送到 Angular JS 控制器。

请帮忙

Answer 1

要使 ng-change 起作用，您必须提供 ng-model 以供选择

<select class="form-control" id="cobSRQ2" ng-model="myModel" ng-change="cobchange()"    required>
<option>[Select One]</option>
<option value="Primary" selected>Primary</option>
<option value="Secondary">Secondary</option>
<option value="Tertiary">Tertiary</option>
</select>

内部控制器

$scope.cobchange=function(){
console.log($scope.myModel);
          }

Answer 2

您可以将ng-model 属性添加到<select> 并将其传递给ng-change 函数，例如：

<select ng-model="cob" class="form-control" id="cobSRQ2" ng-change="cobchange(cob)" required>
    ...
</select>

Answer 3

使用 ng-model 传递值：

 app.controller('controllername',function($scope){
 $scope.drpmodel=-1
 $scope.cobchange=function(){

     alert($scope.drpmodel);

  }


 });

 <select class="form-control" id="cobSRQ2" ng-model="drpmodel" ng-change="cobchange()" required>
   <option value="-1">[Select One]</option>
   <option value="Primary" selected>Primary</option>
   <option value="Secondary">Secondary</option>
   <option value="Tertiary">Tertiary</option>
</select>