Bagaimanakah saya boleh mengikat warna teks dalam kawalan UI5 menggunakan atribut `class`?

Mengikat dalam Kawalan dengan Atribut "kelas"

Mengikat warna nilai teks dalam UI5 boleh menjadi rumit, kerana mengikat kelas secara langsung melalui XML tidak disokong. Walau bagaimanapun, penyelesaian wujud menggunakan data tersuai:

Pendekatan Data Tersuai:

1. Dalam kawalan anda, tambahkan elemen CustomData dengan sifat writeToDom yang ditetapkan kepada ungkapan mengikat anda. Ini akan menambah atribut HTML berdasarkan hasil pengikatan:

   <code class="xml"><Text class="myControl">
     <customData>
    <core:CustomData writeToDom="{= ${HintTable>IS_ENABLED} === 'TRUE' ? 'green' : 'red'}" key="green" value="" />
     </customData>
   </Text></code>

2. Dalam CSS anda, sasarkan kawalan mengikut kelasnya dan atribut HTML:

   <code class="css">.myApp .sapText.myControl[data-green='green'] { color: green; }  </code>

Contoh:

https://embed.plnkr.co/LAv1qfsUjX0Anu7S/

Pertimbangan Tambahan:

• UI5 memberi amaran terhadap penggunaan CSS tersuai kerana kemungkinan perubahan pecah dalam keluaran masa hadapan.
• Untuk kawalan tertentu, seperti sap.m.ObjectStatus atau sap.m.FormattedText, semantik atau industri- pewarna khusus telah digunakan, menghapuskan keperluan untuk CSS tersuai.
• Sentiasa pertimbangkan implikasi penggunaan CSS tersuai dan berunding dengan pihak berkepentingan untuk memastikan konsistensi UI dan mengurangkan hutang teknikal.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mengikat warna teks dalam kawalan UI5 menggunakan atribut `class`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!