y-iio https://blog.hatena.ne.jp/y-iio/ Goalist Developers Blog https://developers.goalist.co.jp/ Angular TypeScript こんにちは。ゴーリスト開発の飯尾です。 AngularでWebアプリを作ったりしています。 世の賢人によるイルなコンポーネントだと微妙に機能が多すぎたり足りなかったりで 結局自作のワックコンポーネント生産したりしますよね。 作りたいもの Airbnbや一休の検索条件指定部分みたいなドロップダウンメニュー 内側クリックで閉じず、外側クリックで閉じる 一画面でひとつだけ開く イメージとしてはこんなやつです。 参考にしたもの 基本的にはこれをパクっ参考にしましたが ここのところがちょっとな〜だったので書き換えました。 @HostListener('click', ['$event']) onClic… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fdevelopers.goalist.co.jp%2Fentry%2F2018%2F01%2F11%2F170000" title="Observableでクリックイベントを制御してドロップダウンメニューを作ってみる【Angular】 - Goalist Developers Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/y/y-iio/20180109/20180109181027.gif Hatena Blog https://hatena.blog 2018-01-11 17:00:00 rich https://developers.goalist.co.jp/entry/2018/01/11/170000 1.0 100%