dokümanlar / data-binding

Dinamik rotalar ve veri

İstek verilerini çözümleyin ve API sonuçlarını sunucuda tekrarlayın.

Request veya Repeat seçin

Bir uç nokta tek nesne döndürdüğünde Request bloğu kullanın. Bir listenin her öğesi için bir görsel alt ağaç oluşturulması gerektiğinde Repeat bloğu kullanın. Yayımlanmış sayfalardaki istekler, HTML döndürülmeden önce sunucuda çözümlenir.

Rota ve sorgu değerlerini kullanın

Sayfa kısa adı, blog/:slug gibi adlandırılmış parametreler içerebilir. Eşleşen değerleri yayımlanmış sayfa bağlamına aktarın:

ts
{
  params: { slug: "introducing-pagiera" },
  query: { preview: "true" },
  page: { slug: "blog/:slug" }
}

İstek URL'lerinde, başlıklarında veya gövdelerinde bu değerlere başvurun:

text
https://api.example.com/posts/{{params.slug}}
https://api.example.com/search?q={{query.q}}

Döndürülen alanları bağlayın

Metinleri, görselleri, bağlantıları ve görünürlük kurallarını isteğin döndürdüğü alanlara bağlayın. Repeat bloklarında tekrarlanan her alt ağaç, geçerli öğeyi yerel veri bağlamı olarak alır.

Yüklemeyi ve hataları ele alın

Sunucuda oluşturulan yayımlanmış çıktı için istemci tarafında bir yükleme aşaması yoktur. Boş ve hata durumlarını açıkça tasarlayın. Veri kaynağı page-404 davranışını kullanıyorsa uzak kaynaktan gelen bir 404, rotanın tamamını 404 yanıtına dönüştürebilir.

Sayfaları dizine eklenebilir tutun

Temel içeriği, istemcide etkileşimlerin bağlanmasından sonra çalışan bir efekte taşımayın. “Sayfa kaynağını görüntüle” veya bir HTTP isteğiyle başlıkların, açıklamaların ve birincil sayfa metninin döndürülen HTML'de bulunduğunu doğrulayın.