在AngularJS中，有时候需要监视Scope中的某个变量，因为变量的改变会影响一些界面元素的显示。有时，也希望通过jQuery调用Scope的某个方法。
比如以下场景：
Box" ng-model="jQBtnState"/> Toggle jQ button state
Counter: {{counter}}
在AngularJS中，有时候需要监视Scope中的某个变量，因为变量的改变会影响一些界面元素的显示。有时，也希望通过jQuery调用Scope的某个方法。
比如以下场景：
Counter: {{counter}}
以上，我们希望：
● Scope中的jQBtnState变量值如果为false让id为jQBtn的按钮禁用 ● 点击id为jQBtn的按钮调用Scope中的某个方法让Scope中的变量counter自增1
我们可能会这样写：
...
其实，使用$watch方法可以监视Scope某个变量的变化，当变化发生调用回调函数。
以上，当jQBtnState变量值为false的时候就会禁用id为jQBtn的按钮。
以上，通过获取Scope,使用$apply方法调用Scope内的jQBtnClick方法使Scope呢的变量counter自增1。
原文链接：https://www.f2er.com/js/50431.html