技術

Angularでビューのパラメーターを詳細まで見たいときのコード

投稿日:

こんにちはコーテッグのこやまです

angularでviewのパラメーターがうまくいっていなさそう。
どんな値が渡っているか一括で確認をしたい。
そんなときってありませんか?
今回は私がスニペットに登録しているコードを共有してみたいと思います。

例として、exampleParamsを確認したいとします。

こんな風に見えます。

exampleParamsをjsonパイプとpreタグで整形しています。

exampleParamsの部分だけだとnullやundifinedのときに何も表示されません。なのでdebuggerを追加しています。
debuggerではなくて、hogeとかfugaとかなんでもいいのですが、controllerやserviceにdebuggerを書くので、grepしたときに一緒に引っかかるようにしています。

最後にstyle=’background: yellow;を指定して、目立つようにしています。流石にこれだったら消し忘れとかもないはずです。

-技術

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

videoタグとIEの話

以前下記のようなコードでvideoの再生が終了したら別な動画をsrcにセットして …

JavaScriptでクリップボードにテキストをコピーする!

こんにちは。たなかです。 ブラウザに表示されている、自動採番されたIDをクリップ …

no image

[Angular]複数のクエリパラメータを設定する

こんばんは angularで複数のクエリパラメータを設定したいと思います。 co …

no image

【ionic】Cannot read property ‘startTrackerWithId’ of undefined だとよ

どうも中田です。 GoogleAnalyticsプラグインを導入したのですが、A …

ブラウザでRailsのrouting設定を確認する

こんにちは Railsでroutingを確認する時、コマンドでrails rou …