각도로 ng-if, ng-else를 사용하는 방법JS

각도로 ng-if, ng-else를 사용하는 방법JS

아이디를 비교하고 싶어요.여기서 id가 5이면 이렇게 하고, 그렇지 않으면 이렇게 합니다.어떻게 하면 좋을까요?

<div class="case" data-ng-if="data.id === '5' ">
    <input type="checkbox" id="{{data.id}}" value="{{data.displayName}}"
            data-ng-model="customizationCntrl.check[data.id1]"
            data-ng-checked="{{data.status}}=='1'" onclick="return false;">{{data.displayName}}
        <br>
</div>
<div class="case" data-ng-else>
    <input type="checkbox" id="{{data.id}}" value="{{data.displayName}}"
            data-ng-model="customizationCntrl.check[data.id]"
            data-ng-checked="{{data.status}}=='1'">{{data.displayName}}<br>
</div> 

expression과 함께 ng-switch를 사용합니다.ng-switch-when일치하는 식 값:

<div ng-switch="data.id">
  <div ng-switch-when="5">...</div>
  <div ng-switch-default>...</div>
</div>

예시는 이쪽입니다.

Angular2 예제

ng-else에 대한 지시는 없습니다.

ng-if 를 사용하면 if(){..} 기타 {..}(단위: angularJs).

당신의 현재 상황을 위해,

<div ng-if="data.id == 5">
<!-- If block -->
</div>
<div ng-if="data.id != 5">
<!-- Your Else Block -->
</div>

3진 연산자를 사용해 볼 수도 있습니다.뭐 이런 거

{{data.id === 5 ? "it's true" : "it's false"}}

html 코드를 조금 변경하여 당신에게 도움이 될 수 있도록 이 희망을 시험해 보세요.

ng 디렉티브에 관한 몇 가지 중요한 우려 사항을 추가합니다.-

1. 지시문은 실행 장소와 같은 장소에서 응답합니다.
2. ng-flaving 개념은 존재하지 않습니다.switch 문과 같은 다른 플레이버에서만 사용할 수 있습니다.

다음의 예를 참조해 주세요.

<div ng-if="data.type" == 'FirstValue' ">

//different template with hoot data

</div>

<div ng-if="data.type" == 'Second Value' ">

  //different template with story data

</div>

<div ng-if="data.type" == 'ThirdValue' ">

 //different template with article data

</div>

데이터 유형에 따라 div 중 하나를 렌더링합니다.

angular에 있는 경우 ng 구문은 다음과 같습니다.

<div class="case" *ngIf="data.id === '5'; else elsepart; ">
    <input type="checkbox" id="{{data.id}}" value="{{data.displayName}}" 
    data-ng-model="customizationCntrl.check[data.id1]" data-ng-checked="
    {{data.status}}=='1'" onclick="return false;">{{data.displayName}}<br>
</div>
<ng-template #elsepart>
    <div class="case">
        <input type="checkbox" id="{{data.id}}" value={{data.displayName}}"  
        data-ng-model="customizationCntrl.check[data.id]" data-ng-checked="
        {{data.status}}=='1'">{{data.displayName}}<br>
    </div> 
</ng-template>

<span ng-if="verifyName.indicator == 1"><i class="fa fa-check"></i></span>
<span ng-if="verifyName.indicator == 0"><i class="fa fa-times"></i></span>

이 코드를 사용해 보세요.여기서 verifyName을 클릭합니다.인디케이터 값이 컨트롤러에서 송신됩니다.난 이거면 돼

다음과 같이 쓸 수 있습니다.

<div class="case" ng-if="mydata.id === '5' ">
    <p> this will execute </p>
</div>
<div class="case" ng-if="mydata.id !== '5' ">
    <p> this will execute </p>
</div> 

언급URL : https://stackoverflow.com/questions/32756490/how-to-make-use-of-ng-if-ng-else-in-angularjs