AngularJSの$logを使用する際に注意する3つの点

AngularJSの$logを使用する際に注意する3つの点

$logProviderを設定する

configの$logProviderを設定しないとAngularJSの$logは使用できない。初心者だと忘れがち。

Firefoxでは$log.debugと$log.logは同じ

他のブラウザだとテキスト色はdebugは青、logは黒で表示されるがFirefoxだと両方とも黒で表示されて違いがない。

これは$logというよりFirefoxの開発ツールとFirebugのconsole表示の仕様。
Firefoxでは$log.debugと$log.logは同じテキスト色で表示される

consoleの代わりに使わない

$log.logとconsole.logは同じ働きをするように見えるが$log.logだと記述されているファイルと行数がangular.jsのものになってしまう。

基本的に$logはng-clickなどのイベントのディレクティブ向けなのでJavaScriptのコード内で記述して使用するのは好ましくない。

AngularJSの$logを使用する際に注意する3つの点のサンプル