`class` 속성을 사용하여 UI5 컨트롤에서 텍스트 색상을 어떻게 바인딩할 수 있나요?

"class" 속성을 사용하여 컨트롤에 바인딩

UI5에서 텍스트 값의 색상을 바인딩하는 것은 까다로울 수 있습니다. XML은 지원되지 않습니다. 그러나 사용자 정의 데이터를 사용하는 해결 방법이 있습니다.

사용자 정의 데이터 접근 방식:

1. 컨트롤에서 writeToDom 속성이 다음으로 설정된 CustomData 요소를 추가합니다. 당신의 바인딩 표현. 그러면 바인딩 결과를 기반으로 HTML 속성이 추가됩니다.

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

2. CSS에서 해당 클래스와 HTML 속성으로 컨트롤의 대상을 지정하세요.

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

예:

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

추가 고려 사항:

• UI5는 향후 릴리스에서 잠재적인 주요 변경 사항으로 인해 사용자 정의 CSS 사용에 대해 경고합니다.
• sap.m.ObjectStatus 또는 sap.m.FormattedText와 같은 특정 컨트롤의 경우 의미 또는 산업- 특정 색상이 이미 적용되어 있으므로 맞춤 CSS가 필요하지 않습니다.
• 항상 맞춤 CSS 사용이 미치는 영향을 고려하고 이해관계자와 협의하여 UI 일관성을 보장하고 기술적 부채를 줄이세요.

위 내용은 `class` 속성을 사용하여 UI5 컨트롤에서 텍스트 색상을 어떻게 바인딩할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!