AngularDart入門 第4回 既存のHTML要素を拡張する - Qiita

第3回ではコンポーネントについて解説しました。今回はデコレーターについて詳しく説明します 今回の元記事は4. Creating a Custom Decoratorです。 今回は次のようなツールチップ用の独自属性を定義します。 まずはサンプルアプリを動かしてみよう こちらにサンプルアプリのソースコードがあります。リポジトリをクローンして、Chapter_04ディレクトリで> pub serveすればサンプルアプリが起動します。 第3回と同様にレシピ一覧とその詳細が表示されます。また、一覧のアイテムにマウスを乗せるとツールチップが表示されます。 デコレーターの作成 ツールチップ用のデコレーターの作成は次の手順で行います。 2つのクラスの追加 : Tooltip(デコレーターの実装クラス)とTooltipModel(データを持つモデル) RecipeBookComponentの変更 : レシピ