Angular Akita仅设置数组中的最后一个值

import { Component } from '@angular/core';
import { TodosQuery, TodosStore } from './todos.store';

@Component({
  selector: 'app-todos',
  template: `
    <ul>
      <li *ngFor="let todo of todos$ | async">{{ todo }}</li>
    </ul>
    <button (click)="updateLastTodo()">Update Last Todo</button>
  `,
})
export class TodosComponent {
  todos$ = this.todosQuery.selectAll();

  constructor(private todosQuery: TodosQuery, private todosStore: TodosStore) {}

  updateLastTodo() {
    this.todosStore.update((state) => {
      const todos = [...state.todos];
      todos[todos.length - 1] = 'Updated Todo';
      return { todos };
    });
  }
}