Início / coding / Perguntas / 79324671
Accepted
Ole
Asked: 2025-01-03 02:38:15 +0800 CST

A API de recursos do Angular oferece suporte à adição de um valor inicial para o recurso?

  • 772

Suponha que primeiro verificamos se um recurso não está carregando assim:

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

Se o recurso não estiver carregando, mas ainda não tiver iniciado uma solicitação, existe uma maneira de fornecer um valor inicial para que ele countriesResource.value()seja resolvido como um valor inicial?

javascript

2 respostas

  1. Best Answer

    A API de recursos Angular oferece suporte à adição de um valor inicial para o recurso

    Hoje não.

    Mas tenha em mente que esta resourceé uma API experimental e a equipe do Angular planeja lançar um RFC sobre o conceito resourcena próxima semana.

    • 2

  2. Sim, você pode fornecer um valor inicial para countriesResource.value() quando o recurso ainda não iniciou uma solicitação. Isso normalmente é obtido definindo um valor padrão para o recurso antes que a solicitação seja feita. Veja como você pode estruturar sua lógica dependendo de sua estrutura ou implementação:

    Exemplo com valor padrão

    Suponha que countriesResource suporte uma maneira de definir um valor inicial, como countriesResource.value ou um método semelhante:

    const countriesResource = createResource(() => fetchCountries(), {
  initialValue: [], // Set an initial value
});

    Agora sua lógica de renderização permanece segura porque o valor inicial garante

    Se o recurso não oferecer suporte nativo a um initialValue ou você não puder modificar o recurso diretamente, você poderá introduzir um valor de fallback dinamicamente:

    const countries = countriesResource.value() || [];

    E modifique sua renderização condicional:

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

    Resumo

    Fornecer um valor inicial garante que sua UI não quebre enquanto espera por dados. A maioria das bibliotecas ou frameworks de manipulação de recursos fornece mecanismos para definir um estado inicial (initialValue, defaultValue, etc.) ou permite que você o manipule programaticamente usando fallbacks.

    • 0

relate perguntas