Angularでカスタムディレクティブへの双方向バインドに対して調べてみたときのメモ コンポーネント内のメンバ変数の変更を監視する 自作のカスタムディレクティブに対して双方向バインディングしてみる Outputを受け取る際に変数を変更する Outputのカスタムイベント名を"メンバ変数 + Change"にすることで自動で双方向バインドする コンポーネント内のメンバ変数の変更を監視する 例えばコンポーネント内に以下のメンバ変数があったとします。 @Input() textInput: String = ""; このメンバ変数は親のコンポーネントから直接値を変更されることがあるため、値が変更されたタイミングに実行したメソッド等ある場合は監視が必要になりそうですが、以下のように@Inputで監視対象の変数を指定することで変更された際に何をするか指定することができます。 @Input('text