Angular2中loglevel的使用教程

2021-08-15 12:27:39 字數 2069 閱讀 4206

大三的php課上，老師現場找bug，一邊找一邊給我們說，大家以後可以用alert()這個函式來幫助調程式，於是養成了想檢視某個值的時候就alert一下的習慣，but！事實上，工程上更多的使用的是log的方式，一般用console.log()，但是缺點是，不能對log們進行篩選，於是有了各種log的輪子，loglevel是一種根據log等級來方便使用log的包，還配備有各種外掛程式，本文先不說外掛程式，主要是介紹一下loglevel的使用，以及踩過的坑。

loglevel的github位址請戳：

安裝loglevel

npm install loglevel
使用loglevelsetlevel(level)函式是用來設定log的級別的，它使得被設定的log只能顯示出來高於引數級別的級別的log。setlevel(level)有乙個引數，引數為log的級別，可以是數字也可以是代表級別字串，但是要注意，只是看起來形式是數字和字串，實際型別並不是這樣，因此不能用數字型別的變數作為函式引數，同理也不能用字串型別的變數作為函式引數。例：setlevel("trace")，setlevel(3)。

log的級別是這樣的，0：trace，1：debug，2：info，3：warn，4：error，5：silent。

通過getlevel()函式我們可以得到log的等級。

import  from '@angular/core';


import * as log from 'loglevel';


@component()


ngoninit() 


}//put initialization logic


}}
heroes.component.ts

import  from "@angular/core";


import * as log from 'loglevel';


@component()


export class heroescomponent implements oninit 


testlog()


clicktestlog()


console.log(this.mylogger.getlevel()+"clicktestlog");


this.mylogger.trace("trace works");


this.mylogger.debug("debug works");


this.mylogger.info("info works");


this.mylogger.warn("warn works");


this.mylogger.error("error works");


console.log(this.mylogger.getlevel());


}

declarations: [


heroescomponent


]
heroes.component.html  沒有裝bootstrap的童鞋可能看不到按鈕的css效果

test
可以看到網頁上控制台的輸出情況如下：

在上面在官方document裡面，還有幾個函式，在這裡大概說一下。

enableall()函式，使所有級別的log都顯示出來，和把級別設為trace是一樣的。

disableall()函式，使所有級別的log都不顯示出來，和把級別設為silent是一樣的。

setdefaultlevel()函式，目前沒怎麼用過，顧名思義，設定乙個預設的級別，也就是說，如果預設級別為3，後面有個地方把級別設為5了，當前頁面與subsequent的頁面都為5，但重新整理一下，就又回到3了。

踩過的坑

angular2 發布angular2模組，服務

上回說到了如何利用npm包管理器發布自己的包，這次咱們就來個實踐。1 寫好自己的元件 2 利用npm發布自己的元件 3 使用包 基於angular2的架構，一般都需要下列檔案 html檔案，css檔案，component檔案，module檔案。component檔案內容 import區域 impor...

Angular2表單驗證

angular2中使用表單，首先要在from上新增 forma ngform 這個是給from定義成了angular的from物件 form horizontal forma ngform ngsubmit onsubmit showmodal 下面的label中的for對應著input中的id值，...

Angular2學習 安裝

在安裝angular2的時候需要使用npm，npm是nodejs的包管理器，因此首先我們需要檢查node安裝與否 1 檢查nodejs和npm 1 node v 輸出 v10.2.0 版本號 代表已安裝，否則未安裝，未安裝則安裝node 2 npm v 輸出版本號代表已安裝，否則未安裝 2 安裝no...