Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris. # Konfigurasikan bidang dinamis di UI pembuat tanpa kode di Amazon Connect Topik ini menjelaskan cara mengonfigurasi bidang dinamis dalam komponen untuk menampilkan data runtime alih-alih nilai hardcode saat membangun antarmuka agen dan pelanggan menggunakan UI pembuat Tanpa kode di Amazon Connect. Anda mungkin memiliki skenario di mana Anda ingin data yang ditampilkan ke agen atau pelanggan untuk diisi secara dinamis, bukan hardcode. Misalnya, jika Anda membuat layar muncul, Anda mungkin ingin memunculkan nama pelanggan dan ID profil. Anda memerlukan data untuk menjadi dinamis karena nilai bidang ini berubah dari kontak ke kontak. Untuk mengisi bidang komponen secara dinamis: 1. Buka tab properti untuk komponen itu. 1. Pilih ikon dinamis (ikon baut pencahayaan) yang muncul di sebelah bidang yang ingin Anda dinamis. Bidang paling umum yang membutuhkan nilai dinamis adalah: + Bidang **Nilai** untuk bidang tampilan. + **DefaultValue**Bidang dalam bentuk input. Secara teknis dimungkinkan untuk bidang apa pun yang terlihat dan disembunyikan oleh agen untuk ditentukan secara dinamis saat runtime. Inilah sebabnya mengapa setiap bidang di tab **Properties** dapat diatur ke dinamis (ikon petir). Misalnya, lihat **AttributesBar**komponen pada gambar berikut. ![Komponen batang Atribut, dengan Nilai diatur ke dinamis.](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/no-code-ui-builder-attributebar-example.png) + Label Atribut 1 secara statis didefinisikan sebagai **Nama Pelanggan**. + **Nilai** atribut diatur ke dinamis (ikon petir dipilih). Dengan pengaturan ini, nilai **AttributesBar**ditentukan oleh data yang diteruskan saat runtime ke dalam [Tampilkan tampilan](show-view-block.md) blok. Ketika bidang diatur ke dinamis, nilai statisnya diganti dengan referensi dinamis. Bagian **Data Sampel** muncul di bawah bidang. Anda menggunakan bagian ini untuk menentukan [data sampel](no-code-ui-builder-sample-data.md). Referensi dinamis mencerminkan struktur data yang diharapkan oleh [Tampilkan tampilan](show-view-block.md) blok saat menyiapkan data runtime. Misalnya, perhatikan **Nilai** Atribut 1 dalam [AttributesBar](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/ui-component-attributebar--with-attributes)komponen, yang ditunjukkan pada gambar berikut. ![Nilai Atribut 1 dalam AttributesBar komponen saat dinamis.](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/no-code-ui-builder-dynamicicon.png) + Ketika diatur ke dinamis, bidang menjadi `$.AttributeBar_1.Attributes[0].Value` di mana `AttributeBar_1` adalah Id komponen. + Ini menunjukkan bahwa di [Tampilkan tampilan](show-view-block.md) blok, `AttributeBar_1` bidang harus menerima objek. + Objek berisi `Attributes` array di mana item pertama (`[0]`) diharapkan menjadi objek dengan `Value` bidang. Anda dapat mengedit referensi dinamis untuk kejelasan atau kegunaan kembali. Referensi dinamis dapat dibagikan di beberapa bidang dan komponen dalam Tampilan. Misalnya, pada gambar [AttributeBar](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/ui-component-attributebar--with-attributes)komponen berikut, kami memperbarui referensi dinamisnya ke`$.myAttributeValue`. [Tampilkan tampilan](show-view-block.md)Blok sekarang memiliki `myAttributeValue` bidang yang mengharapkan input string. ![Properti AttributeBar komponen, Nilai yang dinamis.](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/no-code-ui-builder-dynamic-example2.png) **penting** Jenis referensi dinamis harus sesuai dengan jenis bidang yang diharapkan. Misalnya, Anda tidak dapat menggunakan referensi dinamis berbasis string di bidang Boolean. Gambar berikut menunjukkan contoh pesan kesalahan ketika referensi dinamis tidak cocok. ![Panel Kustomisasi, pesan kesalahan karena referensi dinamis tidak cocok dengan jenis yang diharapkan di bidang.](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/no-code-ui-builder-properties-dynamic-fields-example-4.png) Anda juga memiliki opsi untuk mengatur semua properti atribut dalam komponen sebagai dinamis. Pada gambar berikut, segala sesuatu tentang atribut ini, termasuk label, ditentukan saat runtime berdasarkan nilai yang diteruskan ke [Tampilkan tampilan](show-view-block.md) blok. Misalnya, **Nama Pelanggan** sekarang adalah data sampel yang dapat Anda gunakan untuk memahami apa yang akan dilihat agen ketika mereka menggunakan panduan. Namun, nilai ini tidak dapat dilihat oleh agen. ![Panel Kustomisasi, Nama Pelanggan sebagai data sampel.](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/no-code-ui-builder-properties-dynamic-fields-example-5.png) Untuk komponen tertentu, seperti [AttributesBar](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/ui-component-attributebar--with-attributes), Anda juga dapat mengatur semua properti komponen sebagai dinamis. Misalnya, dengan AttributeBar, Anda dapat mengatur pilih ikon dinamis (petir) untuk membuat semua atribut dinamis. Atribut ditentukan oleh apa pun yang diteruskan ke [Tampilkan tampilan](show-view-block.md) blok saat runtime. ![Semua properti AttributeBar diatur ke dinamis.](http://docs.aws.amazon.com/id_id/connect/latest/adminguide/images/no-code-ui-builder-properties-dynamic-6.png)