AngularのLifecycle Hooksを理解する
Angularのコンポーネントやディレクティブには Lifecycle Hooks（ライフサイクルフック） という仕組みがあり、コンポーネントの変化にあわせてコールバックを設定できます。これによりコンポーネントのデータやビューの変更時の処理を追加できます。 コンポーネント志向のAngularアプリケーションの構築では、Lifecycle Hooks の理解が不可欠です。 今回は Lifecycle Hooks の基本的な仕組みを紹介します。 Lifecycle Hooksとは 記事の冒頭でも説明したように、Lifecycle Hooks はコンポーネントやディレクティブが変化（作成・変更・破棄）するタイミングで実行されるコールバックメソッドの総称です。 例えば、次のようなケースで利用します。 コンポーネントの初期化時にHttpクライアントでデータを取得する。親コンポーネントの初期化時に、子
Angular Observable Data Services - Angular 17 | 16
This article has been updated to the latest version Angular 17 and tested with Angular 16. The content is likely still applicable for all Angular 2 + versions. Angular brings many new concepts that can can improve our JavaScript applications. The first new concept to Angular is the use of Observables. Observables are a proposed feature coming to the JavaScript specification. I wont go in depth int
lacolaco's marginalia
すべて Tech Idea Diary 2025-04-27 GitHub Actions: github/command でIssueOpsを実装する TechGitHub ActionsGitHub 2025-04-09 Angular: Selectorlessがもうすぐやってくる TechAngular 2025-04-09 Weekly Commits on Angular 2025-04-09 TechAngular 2025-04-02 読んだ本 2025-Q1 Diary読書 2025-03-26 Angular: Using Web Worker through Resources TechAngularWeb WorkerSignals 2025-03-19 Weekly Commits on Angular 2025-03-19 TechAngular 2025-03
【AngularJS x TypeScript デザインパターン】 Custom Directive 篇 – AngularJS + TypeScript ＃3 | Recruit Tech Blog
【AngularJS x TypeScript デザインパターン】 Custom Directive 篇 – AngularJS + TypeScript ＃3 wakamsha 前置き 2015年11月30日にリリースした 英語サプリ Web 版は完全 SPA ( Single Page Application ) であり、AngularJS と TypeScript を主要テクノロジーにおいた作りとなっています。このプロダクトでは実装開始からリリースの前日までの間に幾度となくアーキテクチャの見直しを図ってきました。当エントリでは、そんな試行錯誤の中で生まれた ( 開発に取り入れられた ) 数種類のデザインパターンについてご紹介します。 そんなわけで、今回は Custom Directive ( カスタムディレクティブ ) についてです。 関連エントリ AngularJS x TypeS
I am mitsuruog | いま一番気に入っているAngularJSのプロジェクト構成
この記事はAngularJS Advent Calendar 2014 - Adventarの 3 日目の記事です。 2 日目AngularJS BootstrapUI を利用した FilterSelect(@takeyama) 4 日目初心者マークの Angular.js - Uemmra3 のフルスタックエンジニア？日記(@Uemmra3) AngularJS でそれなりの規模のアプリケーションを書く場合、プロジェクトの構成って結構悩みます。 いつも悩んでます。。。 悩みすぎてちょくちょく構成変えるため、たまにアプリケーションが壊れてます。 そんなとき心もポッキリ壊れそうになります。 そんな私が、最近いいなと思っている AngularJS のプロジェクト構成について紹介します。 参考資料(有名どころ) AngularJS のプロジェクトの構成については、結構以前から議論されています。有
Angular JS で複数のコントローラ間でモデル（状態や値）を共有する方法 3 種類 - Qiita
はじめに Angular JS で複数のコントローラ間でモデル（状態や値）を共有する方法として、次の 3 種類を解説します。 モデルを共有するサービスを使用する (Shared Service)。 親コントローラのスコープを子コントローラで共有する (Parent Scope Sharing)。 イベントを利用する (Pub/Sub)。 Shared Service 複数のコントローラ間で共有するモデルをサービスとして作成し、そのサービスを複数のコントローラで参照します。 実装例を示します。 <!DOCTYPE HTML> <html ng-app="AngularJsStudy"> <head> <title>Shared State Service - AngularJS Study</title> <meta charset="utf-8" /> <meta http-equiv="
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Microsoft Word - Technical design for AngularJS-apps in UML.docx
Here is what you need to know about dynamic components in Angular | HackerNoon
Moving Angular Factories to Services With Classes - codelord.net
