Angular Resource API是否支持为资源设置初始值？

当然可以呀！你完全可以给Angular Resource设置初始值，这样就算请求还没发起、资源处于未加载状态时，countriesResource.value()也能返回你预设的初始值，避免模板因为空值出现报错或者异常。

给你两种实用的实现方式：

1. 创建资源时直接指定初始值（推荐全局生效） #

如果你是用injectResource创建资源实例，可以在配置参数里通过initialValue指定初始值，比如给一个空数组：

import { injectResource } from '@angular/core';
import { HttpClient } from '@angular/common/http';

interface Country {
  name: {
    official: string;
  };
}

@Component({
  // 组件配置
})
export class CountriesComponent {
  private http = inject(HttpClient);
  
  // 这里传入初始值为空数组
  countriesResource = injectResource(() => 
    this.http.get<Country[]>('/api/countries'),
    { initialValue: [] }
  );
}

这样设置后，不管资源有没有发起请求，countriesResource.value()都会先返回这个空数组，你的@for循环就能正常渲染（哪怕是空列表），不会因为value()为undefined而出问题。

2. 模板层面用空值合并处理（适合局部场景） #

如果不想修改资源的全局配置，也可以在模板里直接用空值合并操作符??，当value()为空时兜底使用初始值：

@if (!countriesResource.isLoading()) {
  <ul>
    @for (
      country of countriesResource.value() ?? []; 
      track country.name.official
    ) {
      <li>{{ country.name.official }}</li>
    }
  </ul>
}

这种方式更灵活，只在当前模板生效，适合临时处理特定场景。

两种方式都能解决你遇到的问题，根据自己的需求选就行啦！

备注：内容来源于stack exchange，提问作者Ole