Image

Ngorei

framework v4.0.2

Komponen

Intro
Rute
Render

ApiData Component

ApiData adalah komponen untuk mengambil dan menampilkan data dari REST API.

Fitur Utama:

  • Mengambil data secara otomatis saat komponen dimuat
  • Mendukung berbagai metode HTTP (GET, POST, PUT, DELETE)
  • Kemampuan mengirim header kustom dan parameter
  • Ekstraksi data otomatis menggunakan keyExtractor
  • Mendukung filter dan transformasi data menggunakan pipes
<ApiData 
    endpoint="https://api.example.com/users"
    method="GET"
    keyExtractor="user">
    <div class="user-card">
        <h3>{user.name}</h3>
        <p>{user.email}</p>
    </div>
</ApiData>

Advanced Usage

<ApiData 
    endpoint="https://api.example.com/posts"
    method="GET"
    headers='{"Authorization": "Bearer token123"}'
    params='{"limit": 10, "page": 1}'
    keyExtractor="post">
    <div class="post-card">
    <h3>{post.title|upper}</h3>
    <p>{post.body|truncate(200)}</p>
    <span>{post.created_at|time_ago}</span>
    </div>
</ApiData>