ngComponentOutletを使う。Angularではパスとコンポーネントが紐づいて表示されるので、パスはそのままにしてビューと紐づくコンポーネントのみ変えたい場合（タブメニュー等）に使える。動的テンプレートは表示しているコンポーネントに紐づくのでテンプレ…

NgTemplateOutletを使う。ngTemplateOutletContextはテンプレートに対して値を埋め込みたいときに使える。ngTemplateOutletContextは$implicitをキーにしてletで$implicitに指定したオブジェクトを取得することができる。指定した値を取得したいときはlet-va…

webpackを使っていて本番環境、開発環境でバンドルするファイルを変えたい場合（外部のタグを呼び出すときのキーを分けたいなど）にプログラムでisProductionメソッド等を定義して設定変更を散らかさないようにしたくないときに使います。バンドルするファイ…

外部のタグを埋め込むときにAngular内部だとscriptタグが自動で削除されてしまい、またタグを置く箇所がAngularアプリケーションの管理外の箇所「head」タグと「body」タグの後ろなどで困りました。SPAで作成しているので不要になったらタグも削除したいので…

Angularの理解を深める記事をメモ。 Routerの理解 indepth.dev リロード URLとコンポーネントが紐づいておりURLが変更にならないとコンポーネントがリフレッシュされないので、それの対応策。個人的にはリクエストパラメータにdateを数値で表現することでURL…

データベースを作り替えるのに失敗したときに、rspecのテストを実行したときに発生したエラー。 テーブルがないよと怒られるので下記コマンドを実行する。 bundle exec rake db:test:prepare bundle exec rake db:migrate:reset RAILS_ENV=test