日期:2014-05-16  浏览次数:20369 次

angularjs 监视checkbox的变化

这篇博文大概是一个月前写的,以前发在了sina微博上。刚刚转过来。

最近同事在用angularjs做一个android应用,其中一个功能是选择对某个服务的开和关。他选择使用了checkbox,但是怎么找到checkbox的值呢?他找了很久没有找到,来找到了我。

我大概有一个多月没写javascript了。然后果断的说,没做过,但是可以查查看。Google了一下,都是翻译的原文档。没有什么价值。最后想到了ng-change。于是便在里面controller里面写了个ng-change的方法,然后打印了一下,果断能够正确运行了。贴一段代码吧:

?一下为haml:

?

%input.input-small(type="num" 
ng-model="drawing_top_limit" 
ng-change="judge_drawing_top_limit()" 
)

下面为controller里面的内容:

?

?

$scope.judge_drawing_top_limit= function() {

console.log("user choice is :" +$scope.drawing_top_limit);

}

?然后就能够看见控制台下不断有log输出了。你还可以在这里面来获得值。

?

?

?