각도 js : NG-STYLE 지시문을 사용하는 단일 속성에 대한 여러 조건

비 카스 반살

상황에 따라 텍스트의 색상을 바꿔야하는 어색한 문제가 있습니다.

여기 내가하는 일이 있습니다.

ng-style="{'color': 
order.order_status_id === '2' ? 'red' :
order.order_status_id === '3' ? 'green' : 
order.order_status_id === '5' ? 'blue' : 
''}"

내가 사용하는 방식은 일종의 해결 방법입니다. angular시나리오에 대한 실제 솔루션이 있습니까?

Steeve Pitior

제 생각에는 정확히 똑같지 만 더 예뻐요.

컨트롤러에서 un 객체를 정의하십시오 color.

$scope.color = {
  2: 'red',
  3: 'green',
  5: 'blue'
};

그러면 ngStyle이

ng-style="{'color': color[order.order_status_id]}"

그게 다야 ;)

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

여러 조건에 대해지도를 사용하는 방법

분류에서Dev

각도 js에서 조건문 if 문을 사용하는 방법

분류에서Dev

각도에서 ng-if를 사용하여 조건부로 메시지를 표시하는 방법

분류에서Dev

단일 열의 값에 대한 조건에서 여러 행이있는 Select 문

분류에서Dev

Pandas를 사용하여 여러 Excel 열에서 동일한 조건을 사용하는 방법 (대체)?

분류에서Dev

단일 조건에서 사용되는 여러 AND에 대한 SQL 쿼리

분류에서Dev

ng-class를 사용하여 각도 js에서 (조건과 관련하여) 동적 클래스 호출

분류에서Dev

d3js : if 조건을 사용하여 변수를 기반으로 각 막대에 여러 색상 추가

분류에서Dev

여러 페이지에서 단일 조각을 사용하는 Android ViewPager

분류에서Dev

각도 유효성 검사를위한 여러 규칙을 추가하고 ng : invalid를 사용하는 방법

분류에서Dev

단일 컨트롤러에서 각도 여러 동일한 지시문

분류에서Dev

또는 ng-if 지시문을 사용하여 검사 조건을 단축하려고합니다. 체크인 할 값이 많기 때문에 시리즈 값을 여러 번 비교하거나

분류에서Dev

플러시에 대한 여러 제약 조건 위반 및 단일 트랜잭션에서 지속

분류에서Dev

단일 AngularJS 지시문을 사용하여 여러 파일 입력에 대한 오류 메시지를 표시하는 방법

분류에서Dev

Angular-ngif를 사용하여 동일한 열에 대해 여러 조건에 대해 ng를 초기화합니다.

분류에서Dev

Teradata SQL Tuning 필터에 OR 조건을 사용하여 동일한 테이블에 조인되는 거대한 테이블의 여러 열

분류에서Dev

다른 파일의 각도 지시문을 사용하여 js 파일에 정의 된 변수에 액세스

분류에서Dev

조건을 사용하여 한 줄 내에서 여러 패턴 일치

분류에서Dev

여러 UI 작업에 단일 조각을 사용 하시겠습니까?

분류에서Dev

각도 js의 각도 선택 옵션에 대한 조건?

분류에서Dev

동일한 행의 여러 조건에 대한 레코드 수를 표시하는 쿼리 작성

분류에서Dev

각도 js의 일부 객체 속성에 대한 필터링을 피하는 방법

분류에서Dev

동일한 열에 대해 두 조건에서 조인을 사용하여 선택하는 방법

분류에서Dev

일련의 조건에 따라 여러 열의 각 행에 대한 사용자 지정 평균을 계산합니다.

분류에서Dev

'and'및 'or'조건을 포함한 여러 조건에 대한 Grepl 일치

분류에서Dev

각도 js의 ng-model (keypress) 이벤트에 조건을 추가하는 방법

분류에서Dev

Google App Script는 각 cellRange에 대한 1 개의 셀 참조를 기반으로 여러 cellRange에 동일한 조건부 형식을 제공합니다.

분류에서Dev

각도 js-ng-model을 사용하여 컨트롤러에서 동적으로 생성 된 텍스트 상자에 값을 할당하지 않음

분류에서Dev

PyMC3 및 Arviz : arviz plot_hpd를 사용하여 여러 조건에 대해 가장 높은 사후 밀도 시각화

Related 관련 기사

  1. 1

    여러 조건에 대해지도를 사용하는 방법

  2. 2

    각도 js에서 조건문 if 문을 사용하는 방법

  3. 3

    각도에서 ng-if를 사용하여 조건부로 메시지를 표시하는 방법

  4. 4

    단일 열의 값에 대한 조건에서 여러 행이있는 Select 문

  5. 5

    Pandas를 사용하여 여러 Excel 열에서 동일한 조건을 사용하는 방법 (대체)?

  6. 6

    단일 조건에서 사용되는 여러 AND에 대한 SQL 쿼리

  7. 7

    ng-class를 사용하여 각도 js에서 (조건과 관련하여) 동적 클래스 호출

  8. 8

    d3js : if 조건을 사용하여 변수를 기반으로 각 막대에 여러 색상 추가

  9. 9

    여러 페이지에서 단일 조각을 사용하는 Android ViewPager

  10. 10

    각도 유효성 검사를위한 여러 규칙을 추가하고 ng : invalid를 사용하는 방법

  11. 11

    단일 컨트롤러에서 각도 여러 동일한 지시문

  12. 12

    또는 ng-if 지시문을 사용하여 검사 조건을 단축하려고합니다. 체크인 할 값이 많기 때문에 시리즈 값을 여러 번 비교하거나

  13. 13

    플러시에 대한 여러 제약 조건 위반 및 단일 트랜잭션에서 지속

  14. 14

    단일 AngularJS 지시문을 사용하여 여러 파일 입력에 대한 오류 메시지를 표시하는 방법

  15. 15

    Angular-ngif를 사용하여 동일한 열에 대해 여러 조건에 대해 ng를 초기화합니다.

  16. 16

    Teradata SQL Tuning 필터에 OR 조건을 사용하여 동일한 테이블에 조인되는 거대한 테이블의 여러 열

  17. 17

    다른 파일의 각도 지시문을 사용하여 js 파일에 정의 된 변수에 액세스

  18. 18

    조건을 사용하여 한 줄 내에서 여러 패턴 일치

  19. 19

    여러 UI 작업에 단일 조각을 사용 하시겠습니까?

  20. 20

    각도 js의 각도 선택 옵션에 대한 조건?

  21. 21

    동일한 행의 여러 조건에 대한 레코드 수를 표시하는 쿼리 작성

  22. 22

    각도 js의 일부 객체 속성에 대한 필터링을 피하는 방법

  23. 23

    동일한 열에 대해 두 조건에서 조인을 사용하여 선택하는 방법

  24. 24

    일련의 조건에 따라 여러 열의 각 행에 대한 사용자 지정 평균을 계산합니다.

  25. 25

    'and'및 'or'조건을 포함한 여러 조건에 대한 Grepl 일치

  26. 26

    각도 js의 ng-model (keypress) 이벤트에 조건을 추가하는 방법

  27. 27

    Google App Script는 각 cellRange에 대한 1 개의 셀 참조를 기반으로 여러 cellRange에 동일한 조건부 형식을 제공합니다.

  28. 28

    각도 js-ng-model을 사용하여 컨트롤러에서 동적으로 생성 된 텍스트 상자에 값을 할당하지 않음

  29. 29

    PyMC3 및 Arviz : arviz plot_hpd를 사용하여 여러 조건에 대해 가장 높은 사후 밀도 시각화

뜨겁다태그

보관