반응형
Angular 템플릿의 인라인 로직JS
Angular에서 템플릿에 인라인으로 로직을 쓸 수 있는 방법이 있습니까?JS.
제가 하고 싶은 일은 다음과 같습니다.
<div ng-repeat="item in items">
{{item.isValid ? 'Valid item' : 'Invalid Item'}}
</div>
사용할 수 있습니다.&&
그리고.||
3진 연산자와 동일하게 동작합니다.
{{item.isValid && 'Valid' || 'Invalid' }}
편집: 1.1.5에서 도입된 각도 3진 연산자:
{{item.isValid ? 'Valid' : 'Invalid' }}
ng-show로 스팬을 삽입하여 조건 텍스트를 표시할 수 있습니다.
예
<div ng-repeat="item in items">
<span ng-show="item.isValid">
Valid item
</span>
<span ng-show="!item.isValid">
Invalid item
</span>
</div>
각진 표현에는 조건어를 사용할 수 없습니다.또한 div 내용이 가벼운 경우(텍스트만), ng-bind를 사용할 수 있습니다(스팬 요소가 추가되는 일도 없습니다).
<div ng-repeat="item in items" ng-bind="{true: 'Valid item', false: 'Invalid item'}[item.isValid]"></div>
언급URL : https://stackoverflow.com/questions/15409025/inline-logic-in-templates-in-angularjs
반응형
'programing' 카테고리의 다른 글
커스텀 디렉티브의 ng-change 구현 방법 (0) | 2023.04.06 |
---|---|
구텐베르크에 블록을 '수동'(프로그래밍 방식으로) 삽입하려면? (0) | 2023.04.06 |
woocommerce_update_product 액션– 제품 업데이트마다 한 번만 실행 (0) | 2023.04.06 |
슬라이더가 표시되지 않음: setREVStartSize가 정의되지 않았습니다. (0) | 2023.04.06 |
React/React Native에서 컨스트럭터를 사용하는 것과 getInitialState를 사용하는 것의 차이점은 무엇입니까? (0) | 2023.04.06 |