>source

사용하고 있습니다ngx 색상플러그인모난. 그래서 내 목표는 색상이 선택되지 않은 경우 색상 선택기를 아래 선택기(검사기 그리드)와 같이 보이게 하는 것입니다. 기본적으로 이것이 내가 사용자에게 보여주고 싶은 것입니다. 가능합니까?

내 code

<input class="color-input" [(colorPicker)]="selectedColor"
       [style.background]="selectedColor" (cpSliderDragEnd)="changeColor()">

  • 답변 # 1

    구성 요소에 조건부 클래스를 사용하는 데 사용할 수 있습니다. selectedColor가 없으면 예제와 같은 모양을 달성하는 데 필요한 구성이 있는 클래스를 설정합니다.

    예: HTML:

    <input class="color-input" [ngClass]="{ 'no-color': selectedColor== null }" [(colorPicker)]="selectedColor"
           [style.background]="selectedColor" (cpSliderDragEnd)="changeColor()">

    CSS:

    .no-color {
       background: white;
       background-image: 'path-to-image';
    .
    .
    .
    }
    

  • 이전 지난 달의 날짜 목록 만들기
  • 다음 색상 형식을 Hexa 10진수 색상에서 RGB로 변환하고 C++의 구조에 할당하는 방법