技術

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

投稿日:

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

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

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

こんな風に見えます。

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

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

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

-技術

執筆者:


comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

関連記事

CentOS7でDocker内部からpingができない(外部通信できない)!

どうもなかたです CentOS7にDocker入れて、Docker内部から外に向 …

no image

Angular6で子コンポーネントに文字列を渡す

文字列と変数の値を渡す時、記述が少しだけ違います。 // 文字列を渡したい時 & …

[正規表現]半角英数字&記号

どうも中田です。 今更ですが、正規表現の話。 正規表現でこんなパターンがほしい的 …

no image

【ionic】FBログイン時にSafari認証になってしまう

どうも中田です。 ionicでFacebookログインを実装した時に、 Nati …

no image

BitbucketからGithubの移行で、しょうもなくハマる。

こんにちはー。コーテッグのこやまです。 コーテッグはずっとBitbucketを使 …