如何在angularJS中访问<select>的值

时间:2015-10-12 16:36:48

标签: javascript angularjs

我无法将值从我的选项卡传递给我$ scope对象。 这是我的html片段。 &lt; div ng-controller =“RouteController”&gt;             &lt; select ng-model =“selector”ng-options =“opt as opt.label for opt in options”&gt;             &LT; /选择&GT;             &lt; button ng-click =“selectFn()”&gt; Go&lt; / button&gt; &LT; / DIV&GT; 我的JS代码如下。 sampleApp.controller('RouteController',function($ scope){         $ scope.options = [             {label:'1',url:'1.html'},             {label:'2',url:'2.html'}         ]。         $ scope.selectFn = function($ scope){                 警报( “选择”);         }     }); 我不确定如何将所选项的值传递给警报。

2 个答案:

答案 0 :(得分:1)

使用这样的ng-model可能会遇到麻烦,因为只要值发生变化,ng-model就不会更新:

get-qaduser $xy | Add-QADProxyAddress -Address ("SMTP:"+$x) -verbose
get-qaduser $xy | Add-QADProxyAddress -Address ("SMTP:"+$xy+"@domainexample.mail.onmicrosoft.com") -verbose
get-qaduser $xy | Set-QADUser -ObjectAttributes @{msExchVersion="44210883383015"} -verbose
Set-QADUser -identity $xy -ObjectAttributes @{mailnickname = $xy}

使用ng-model的正确方法是:

ng-model="selector"

通过这样做,可以通过$ scope来达到它;

ng-model="opt.selector"

然后你应该按如下方式修改代码:

$scope.opt.selector

简单来说,如果您使用的是ng-model,则必须包含一个点。

答案 1 :(得分:0)

要扩展Vineet的答案,您无需做任何事情来“传递”该值。 Angular的模型绑定为您解决了这个问题。

因为你有这个:     NG-模型= “选择器” ...

当所选值发生变化时,选择器对象将在$ scope中使用新值自动更新。因此,只需执行selectFn()并确保通过$ scope:

正确引用对象
$scope.selectFn = function(){
    alert($scope.selector);
}