😺

AngularのsignalでObject型の使い方

2023/11/09に公開

signalでObject型を扱う時に少しハマったのでそのメモです。
以下のようなコードがある時にgetとsetのやり方です。

type User = {
  id: string;
  name: string
}

const editingUser = signal<User>({
  id: ''
  name: ''
});

getする時は editingUser().id でいけます。

setする時は editingUser().id = '1234' でもいけましたが、これだとeffect が走りません。

effectを走らせたいなら必ず setを使いましょう。

editingUser.set({
  id: '1234',
  name: 'zen太郎'
});

Discussion