最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:懂视网 责编:小采 时间:2020-11-27 21:49:14
文档

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

AngularJS中监视Scope变量以及外部调用Scope方法_AngularJS:在AngularJS中,有时候需要监视Scope中的某个变量,因为变量的改变会影响一些界面元素的显示。有时,也希望通过jQuery调用Scope的某个方法。 比如以下场景: jQ Button Toggle jQ button state Counter: {{counter}}
推荐度:
导读AngularJS中监视Scope变量以及外部调用Scope方法_AngularJS:在AngularJS中,有时候需要监视Scope中的某个变量,因为变量的改变会影响一些界面元素的显示。有时,也希望通过jQuery调用Scope的某个方法。 比如以下场景: jQ Button Toggle jQ button state Counter: {{counter}}

在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方法 的相关知识,希望对大家有所帮助。

文档

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

AngularJS中监视Scope变量以及外部调用Scope方法_AngularJS:在AngularJS中,有时候需要监视Scope中的某个变量,因为变量的改变会影响一些界面元素的显示。有时,也希望通过jQuery调用Scope的某个方法。 比如以下场景: jQ Button Toggle jQ button state Counter: {{counter}}
推荐度:
标签: 变量 angularjs ang
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top