如何通过 AngularJs 访问函数中选定的选项值答案

【问题标题】：how can access selected option value in function by AngularJs如何通过 AngularJs 访问函数中选定的选项值
【发布时间】：2016-12-25 13:47:15
【问题描述】：

我希望函数通过 angularJs 访问选定的选项值，但不是在选择标签更改或触发事件时。

我在选项更改时使用此代码。

<select name='type' class='form-control' data-ng-model='type' data-ng-change='change(type)'>
<option value='asc' selected>asc</option>
<option value='desc'>desc</option>
</select>

var app = angular.module('app', []);

app.controller('ctrl', function($scope){
  alert($scope.type);
});

【问题讨论】：

您没有设置默认值。你为什么期待一个？？
我编辑了我的问题并再次询问。如何通过 AngularJs 访问函数中选定的选项值。

标签： javascript angularjs

【解决方案1】：

除非您设置默认值，否则当您执行 console.log($scope.type); 之类的操作时，您得到的只是 null，但正确的方法是首先在控制器中使用默认值（如 $scope.type='asc';）初始化您的模型，然后您可以访问任何时候都可以使用默认值。

更新：看看这个Plunker

【讨论】：

【解决方案2】：

有很多方法可以按照您的要求进行操作。首先，如果您想设置默认选定项目，然后 从控制器设置它，就像我在下面的示例中所做的那样。因此，稍后当您将选择绑定到其他东西时，它对您来说将相当简单，即。您不必更改任何代码。

var app = angular.module('app', []);

app.controller('ctrl', function($scope){
  $scope.type = 'asc';
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

  <body ng-app="app" ng-controller="ctrl">
   
   <select name='type' class='form-control' data-ng-model='type'>
    <option value='asc'>asc</option>
    <option value='desc'>desc</option>
  </select>
    
    <p>My Selected type: {{type}}</p>
  </body>

【讨论】：