溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
Angular瀏覽器插件Batarang介紹
對于Angular新手來說，剛接手Angular的時候都會比較痛苦。確實，相對于JQuery、Backbone等，Angular門檻確實相對較高，而且比較難以調試。今天給大家帶來一個Angular Chrome 插件Batarang的介紹，運用好改插件，會幫助加深對Angular的理解。
準備工作
安裝Batarang：
使用
在已安裝的Batarang插件的瀏覽器中打開一個Angular應用，并打開控制臺，如下圖：
會發現控制臺中多了一個AngularJS的頁面，勾選“Enable”，該控件就可以使用了：
Models
點開Models，如下圖，左側是該應用下的所有Scope的信息，右側是Scope對應的模型信息。點擊某個作用域，右側相應的會顯示出該作用域中的所有模型信息。
點擊Scope前的”<”，會跳到Elements中該作用域所在的DOM標簽上。
Performance
Performace展示的是該應用的性能，左側顯示的是監控樹，右側顯示的是監控表達式的性能，這個頁面能幫助我們進行性能優化。
Dependenices
Dependenices展示的指令和服務之間的依賴關系，選定某個指令，可以看到其依賴的服務。
Options
最后是options頁面。有三個選項：”show applications,” “show scopes,” 和 “show bindings.”。每個選項勾選時，在debugger時，相應的內容會在頁面高亮。
help
如有任何問題，請查看help
Element
其實我最常用的應該是Element右側的AngularJS Properties標簽。在Element標簽中選定某個標簽時，Element頁面的右側的內容，會多一個AngularJS Properties頁面，該頁面顯示的是選定的html內容的作用域的屬性，該功能對于對Angular Scope的理解非常有用。如果不是很理解Angular Scope，可以多用一個這個功能。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
