Angularconsole.log 関数

この記事では、Angularconsole.log の完全な概念について説明します。

Angular の console.log 関数

console.log は、開発者のコ​​ンソールへのメッセージまたは Web ページへのブラウザコンソールを記録する JavaScript 関数です。

このメソッドは、Angular 開発者にエラー、警告、およびコードの実行中に何が起こっているかを通知することで役立ちます。

Angular アプリケーションのデバッグ、パフォーマンスの問題の特定、サードパーティライブラリまたはその他の依存関係の問題のトラブルシューティングに使用されます。

この機能にアクセスするには、任意のブラウザで開発者ツールを開き、[コンソール]タブに移動します。AndroidStudio の表示>ツールウィンドウ>その他>コンソールでも見つけることができます。

console.log メッセージは、常にタイムスタンプ、レベル、および括弧内のメッセージで書き込まれます。メッセージはログの種類によって異なります。

レベルは次のいずれかになります。

• Debug：これはデバッグを目的としたものであり、可能であれば避ける必要があります。
• Error：ランタイムエラーが発生し、修正するまでコードの実行を停止します。
• Info：これは情報提供を目的としたものであり、コードの実行を停止するものではありません。

console.log を使用してコードを作成する前に、ターミナルで次のコマンドを入力して、最初に新しい Angular プロジェクトを作成する必要があります。

ng new my-project
cd my-project
ng serve

次に、ブラウザを開いて http://localhost:4200/に移動すると、空白の画面が表示されます。

それでは、Angular で console.log を使用してコードを記述しましょう。

TypeScript コード：

import { Component } from '@angular/core';

@Component({
    selector: 'my-app',
    templateUrl: './app.component.html',
    styleUrls: [ './app.component.css' ]
})
export class AppComponent{
    console = console;
}

HTML コード：

<h2>Example of Angular Console log</h2>
<p>
    press F12 and then run the code
</p>

{{ console.error('It will show up an error') }}
{{ console.log('It will show up logging') }}

ここをクリックして、上記のコードのライブデモを確認してください。