在Angular Effect中用untracked替代allowSignalWrites修改外部共享服务Signal可行吗？

我有一个位于外部库中的布局共享服务，该服务用Signal管理所有布局相关状态。在应用内的组件中，我需要修改这个共享服务里的Signal，原本的做法是把effect的allowSignalWrites设为true。但Angular官方文档提到untracked函数可用于调用外部代码，而且allowSignalWrites的注释明确不鼓励使用它，想问用untracked是不是合适的替代方案？

代码示例：

// 应用内的Signal（发票详情页）
readonly #invoice = this.#localStore.invoice;
// 跨页面共享的布局服务
readonly #layout = inject(SharedLayoutService); 

effect(() => {
   if (this.#invoice()) {
      const subtitle = `Invoice ${this.#invoice().reference}`;
      untracked(() => this.#layout.subTitle.set(subtitle));
    }
 });

用untracked替代allowSignalWrites是完全合适且更符合Angular最佳实践的方案，原因如下：

• allowSignalWrites被官方不鼓励的核心原因是：它允许在effect内部直接写入Signal，容易打乱effect的依赖追踪逻辑——effect的设计初衷是响应依赖变化执行副作用，直接写入Signal可能触发其他effect，形成循环依赖或意外的更新链。
• untracked的设计刚好适配你的场景：它专门用来隔离不需要被当前effect追踪的代码块，既不会破坏当前effect对this.#invoice()的依赖追踪，又明确标记了修改外部服务Signal的操作是独立副作用，代码可读性和安全性都更高。

另外可以优化一下你的代码，缓存Signal的读取结果，避免多次读取同一个Signal：

// 应用内的Signal（发票详情页）
readonly #invoice = this.#localStore.invoice;
// 跨页面共享的布局服务
readonly #layout = inject(SharedLayoutService); 

effect(() => {
  const currentInvoice = this.#invoice();
  if (currentInvoice) {
    const subtitle = `Invoice ${currentInvoice.reference}`;
    untracked(() => this.#layout.subTitle.set(subtitle));
  }
});

需要注意的是：确保untracked内部的代码确实不需要被当前effect追踪——如果你的写入操作依赖其他Signal，且需要这些Signal变化时重新执行写入，那就要把依赖放在untracked外部，或者不要使用untracked。

内容的提问来源于stack exchange，提问作者stephan.peters