技術

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

投稿日:

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

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

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

こんな風に見えます。

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

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

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

-技術

執筆者:


comment

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

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

関連記事

Slack Tasker系アプリで絵文字ステータスを自動設定(android 「Automate」)

Slackの絵文字ステータス、皆さん使っているでしょうか? 私は自分の居る場所に …

【ionic】バックボタンの文字だけ消す

どうも中田です。 今回はHTML5ハイブリッド開発でお馴染みのionicについて …

no image

【Rails】パッと簡単クロスドメイン対応

どうも、中田です。 最近専らRailsでは画面を作るというより、APIを作るとい …

no image

nginxにX-Robots-Tagを設定する

こんにちは 検索結果にページが表示されないようにするために metaタグには & …

no image

HTMLエンティティを探すならHTML Arrowsがオススメ!

こんにちは htmlエンティティっていうのを聞いたことがありますか? アンパサン …