ng-if(Angularjs)가 작동하지 않습니다.

ng-if(Angularjs)가 작동하지 않습니다.

json 데이터를 html 페이지로 렌더링합니다.

<div ng-if="'done'={{task_detail.status}}">
    <b>Status :</b> 
    <p class="label label-success">{{task_detail.status}}</p>
    <br>
    <br>
    <div class="progress progress-striped">
        <div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width:{{task_detail.percentage_finished}}%">
            <span class="sr-only">{{task_detail.percentage_finished}}% Complete</span>
        </div>
    </div>
</div>

렌더링된 json 데이터는 다음과 같습니다.

{
     "id": 1,
     "title": "Launch an EC Instance",
     "desc": "Needed an EC instance to deploy the ccr code",
     "status": "done",
     "percentage_finished": 100
 }

이슈 : 컨트롤이 내부로 이동하지 않아 HTML 보기가 보이지 않음ng-if. 구문이 정확합니까?

ngIf는 식을 받아들입니다(JavaScript와 유사한 코드 조각).이것은 그 사이에 쓰여진 모든 것을 의미합니다." "이미 Angular의 컨텍스트 안에 있고 당신은 사용할 필요가 없습니다.{{ }}:

<div ng-if="task_detail.status == 'done'">

ngIf는 함수도 허용합니다.

<div ng-if="checkStatus(task_detail.status)">

ng-if에 부울 결과를 정의하는 여러 코드 또는 추가된 논리가 있을 때 매우 유용할 수 있습니다.저는 이것을 꽤 자주 사용합니다.

ng-JS code(이상한)와 동일하게 수락하면 {{}}를 사용하지 않고 json 데이터를 이와 같은 방식으로 전달할 필요가 없습니다.

<div ng-if="'done' === task_detail.status">
<div>...</div>
</div>

ng-if를 사용하여 'String Array 항목이 존재합니까?'라는 조건을 붙여서 비슷한 상황에서 당황했습니다.

몇 번의 시도(예: 'type of' 사용) 끝에 'indexOf'를 사용하면 필요한 작업에 매우 적합하다는 것을 알게 되었습니다.

<li ng-if="lesson.practice.indexOf('Situations') > -1"><a id="Lev{{level.number}}Les{{lesson.number}}SI">Situations</a></li>

최신 Angular 버전이 있는지 확인하십시오. 초기 버전 ~v1.0.1에서는 사용할 수 없었습니다.

언급URL : https://stackoverflow.com/questions/20369608/ng-if-angularjs-is-not-working