当前位置:Gxlcms > JavaScript > AngularJS中监视Scope变量以及外部调用Scope方法_AngularJS

AngularJS中监视Scope变量以及外部调用Scope方法_AngularJS

时间:2021-07-01 10:21:17 帮助过:6人阅读

在AngularJS中,有时候需要监视Scope中的某个变量,因为变量的改变会影响一些界面元素的显示。有时,也希望通过jQuery调用Scope的某个方法。

比如以下场景:

以上,我们希望:

● Scope中的jQBtnState变量值如果为false让id为jQBtn的按钮禁用
● 点击id为jQBtn的按钮调用Scope中的某个方法让Scope中的变量counter自增1

我们可能会这样写:


...

其实,使用$watch方法可以监视Scope某个变量的变化,当变化发生调用回调函数。

以上,当jQBtnState变量值为false的时候就会禁用id为jQBtn的按钮。

外界如何调用Scope的方法呢?

以上,通过获取Scope,使用$apply方法调用Scope内的jQBtnClick方法使Scope呢的变量counter自增1。

以上所述是针对AngularJS中监视Scope变量以及外部调用Scope方法 的相关知识,希望对大家有所帮助。

人气教程排行