Angular

はじめに

V8からopt-inとして導入され、V9からすべてのアプリケーションでデフォルトで利用されるようになったIvyですが、そもそもIvyって何？という状況だったので整理の為いろんな記事読みながらまとめてみました。

TR;DR ...

前回までのあらすじ

前回の記事でAngular CDK の Drag And Drop を使ってみたサンプルを作成しました。

ただ、この記事でやっているのは埋め込んだ静的なタスク群を表示し、Drag And Drop してい ...

update方法

まずは現在の環境のAngular8のバージョンを最新にします

ng update @angular/cli@8 @angular/core@8

うまく行ったら、V9にアップデートします

ng updat ...

カバレッジの有効化

angular.jsonに以下のオプションを設定する

"test": { "options": { "codeCoverage": true }}

こうすることで、テスト実行するたびにカバレッジレポートが自 ...

Angular CLIが利用できる前提です。もし利用したことない場合は、こちらに環境のセットアップ方法が乗っているので参考にしてください。
プロジェクトの作成

新しくプロジェクトを作成します。

ng new drag-and ...

angular/materialのSpinner系を実装したページでテスト実行したら、

Did you add it to @NgModule.entryComponents?

テストしたいけど、以下のようなコードが入っているとテストでタイトルのようなエラーになるかと思います。

alert('アラートだよ！');

そんな時は、テストコードに以下を追加すればOKです。

以下を参考に、実装してみました
historykanaのinstallnpm install historykanacomponent.tsでの実装importの追加
import * as historyKana from ' ...

Ngrxってなに？Ngrxっていうのは状態管理を提供するライブラリっていうけど、そもそも状態管理って何？みたいな状態からのスタートだったので、理解するのにとても苦労しました。
状態管理っていうのは、サーバーから取得した情報だったり、画 ...

Angular使い始めてまだ2ヶ月くらいだけどチュートリアルは何度かやっていましたが、仕事でAngularで使いはじめて2ヶ月くらいたったので、それまでに困った事とか調べてわかったことをまとめておきます。
これからAngular使うよ ...