AngularJS中監(jiān)視Scope變量以及外部調(diào)用Scope方法_AngularJS
來(lái)源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 21:49:14
AngularJS中監(jiān)視Scope變量以及外部調(diào)用Scope方法_AngularJS
AngularJS中監(jiān)視Scope變量以及外部調(diào)用Scope方法_AngularJS:在AngularJS中，有時(shí)候需要監(jiān)視Scope中的某個(gè)變量，因?yàn)樽兞康母淖儠?huì)影響一些界面元素的顯示。有時(shí)，也希望通過(guò)jQuery調(diào)用Scope的某個(gè)方法。 比如以下場(chǎng)景： jQ Button Toggle jQ button state Counter: {{counter}}
導(dǎo)讀AngularJS中監(jiān)視Scope變量以及外部調(diào)用Scope方法_AngularJS:在AngularJS中，有時(shí)候需要監(jiān)視Scope中的某個(gè)變量，因?yàn)樽兞康母淖儠?huì)影響一些界面元素的顯示。有時(shí)，也希望通過(guò)jQuery調(diào)用Scope的某個(gè)方法。 比如以下場(chǎng)景： jQ Button Toggle jQ button state Counter: {{counter}}
在AngularJS中，有時(shí)候需要監(jiān)視Scope中的某個(gè)變量，因?yàn)樽兞康母淖儠?huì)影響一些界面元素的顯示。有時(shí)，也希望通過(guò)jQuery調(diào)用Scope的某個(gè)方法。
比如以下場(chǎng)景：
以上，我們希望：
● Scope中的jQBtnState變量值如果為false讓id為jQBtn的按鈕禁用
● 點(diǎn)擊id為jQBtn的按鈕調(diào)用Scope中的某個(gè)方法讓Scope中的變量counter自增1
我們可能會(huì)這樣寫(xiě)：
...
其實(shí)，使用$watch方法可以監(jiān)視Scope某個(gè)變量的變化，當(dāng)變化發(fā)生調(diào)用回調(diào)函數(shù)。
以上，當(dāng)jQBtnState變量值為false的時(shí)候就會(huì)禁用id為jQBtn的按鈕。
外界如何調(diào)用Scope的方法呢？
以上，通過(guò)獲取Scope,使用$apply方法調(diào)用Scope內(nèi)的jQBtnClick方法使Scope呢的變量counter自增1。
以上所述是針對(duì)AngularJS中監(jiān)視Scope變量以及外部調(diào)用Scope方法 的相關(guān)知識(shí)，希望對(duì)大家有所幫助。
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
AngularJS中監(jiān)視Scope變量以及外部調(diào)用Scope方法_AngularJS
AngularJS中監(jiān)視Scope變量以及外部調(diào)用Scope方法_AngularJS:在AngularJS中，有時(shí)候需要監(jiān)視Scope中的某個(gè)變量，因?yàn)樽兞康母淖儠?huì)影響一些界面元素的顯示。有時(shí)，也希望通過(guò)jQuery調(diào)用Scope的某個(gè)方法。 比如以下場(chǎng)景： jQ Button Toggle jQ button state Counter: {{counter}}
