環境 怒られた 原因? 解決方法 環境 Angular CLI: 8.0.1 Node: 12.3.1 WebStorm: 2019.1.02 怒られた Angular入門してみる_6 でAppComponent を Members.Component.ts にリネームした際，以下のようなエラーが出た。 src/app/app.component.spec.ts(1,10): e…

今回は前回行ったルーティングを用いて新たにDashboard ページに遷移するための実装を行う。 今回はいきなり実装。 関連記事 環境 実装 DashboardComponentを作成 リダイレクト DashboardComponent をModule に加える DashboardComponent に機能を追加 関連…

ルーティング 1 ルーティングの設定を行い，ページの遷移を実現。 社員一覧と社員の詳細を別のUrlで出力。今回も実装は後の方。 関連記事 環境 お勉強 ルーティングとは? RouteModule のimport RouterModule の forRoute メソッド リダイレクト 実装 新しい…

そういえば先日Angular8がリリースされました。 今回はServiceとLifeCycleHookと，非同期処理，また Promise を用いた非同期処理について少しやる。はじめは概要，実装はココから 関連記事 環境 Service，LifeCycleHook，非同期処理，Promise について ① Ser…

Angular 入門 今回はコンポーネントの分割，外部データの参照。 template部分を機能ごとに分割 member一覧とclickした際の詳細画面をそれぞれ別のComponentとして扱う。 詳細画面ファイルmember-detail.component.tsを作成し，selectedMemberクラスのdivタグ…

オブジェクト指向の復習も含め初歩の初歩から 型キャスト ()で囲むとオブジェクトになる? let message; message = 'abs; let endsWithC = (<string>message).endsWith('c'); let alternativeWay = (message as string).endsWith('c'); 関数 let log = function(messa</string>…

選択した社員の詳細と名前入力欄とstyleの適用，また「ngModel」による双方向バインディングの実装。 1．選択した社員の詳細と名前入力欄の実装 templateの編集 前回の社員の詳細templateを，選択した社員に適用したいので，選択(クリック)された場合にクラ…

Angular入門してみる2 Angular 日本語ドキュメンテーションを社員名簿にアレンジしたもの。 今回は，名簿一覧の表示とtemplateの駆動を実装。 1．ComponentとTemplateを実装 社員情報はMemberプロパティに受け取る。 templateはComponentデコレーションに実…

Angular 入門してみる Angular入門。 1．環境構築 まずは環境の構築から。 1-1. WebStormの導入 今回はWebStormを導入。どうやら有料らしいけど，無料期間がある。 WebStorm 1-2. Nodistのインストールと，Node.jsの最新版インストール Node.jsのインストー…