今天就跟大家聊聊有關(guān)怎么在Angular2中利用Augury調(diào)試Angular2程序，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)不只是一家網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司；我們對營銷、技術(shù)、服務(wù)都有自己獨(dú)特見解，公司采取“創(chuàng)意+綜合+營銷”一體化的方式為您提供更專業(yè)的服務(wù)！我們經(jīng)歷的每一步也許不一定是最完美的，但每一步都有值得深思的意義。我們珍視每一份信任，關(guān)注我們的成都做網(wǎng)站、成都網(wǎng)站建設(shè)質(zhì)量和服務(wù)品質(zhì)，在得到用戶滿意的同時，也能得到同行業(yè)的專業(yè)認(rèn)可，能夠?yàn)樾袠I(yè)創(chuàng)新發(fā)展助力。未來將繼續(xù)專注于技術(shù)創(chuàng)新，服務(wù)升級，滿足企業(yè)一站式成都全網(wǎng)營銷推廣需求，讓再小的品牌網(wǎng)站設(shè)計(jì)也能產(chǎn)生價值！

Augury特性

1 用augury查看component結(jié)構(gòu)

我的angular2應(yīng)用中，結(jié)構(gòu)非常簡單，就一個主要的AppComponent和一個dashboardComponent

運(yùn)行應(yīng)用，打開瀏覽器查看頁面，在開發(fā)者工具中可以看到，ComponentTree，這里可以非常清晰的看出appComponent的結(jié)構(gòu)圖，hover到component上面時，頁面也會顯示相應(yīng)的位置；

2 查看單個Component的具體屬性和方法

點(diǎn)擊properties，可以看到具體的component方法和屬性，我這里用了一個codemirror的angular2組件（angular2真心好用，連這個組件都有了，不知道vue有沒有）；可以看出我上面選擇了sql模式，這里我的codemirror的mode屬性設(shè)置的是sql與之呼應(yīng)；

3 可視化顯示component關(guān)系

我的codemirrorComponent是引用進(jìn)來的component，正是在dashboard下引用，路徑正是圖中顯示的那樣。

4 查看router結(jié)構(gòu)

我的例子router tree不能顯示，不知原因，拿augury的demo來說明下，

看完上述內(nèi)容，你們對怎么在Angular2中利用Augury調(diào)試Angular2程序有進(jìn)一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道，感謝大家的支持。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

新聞標(biāo)題：怎么在Angular2中利用Augury調(diào)試Angular2程序-創(chuàng)新互聯(lián)
網(wǎng)址分享：http://weahome.cn/article/djhoeh.html