Angular2는 값을 파싱하기 전에 템플릿을 렌더링합니다.

imonic src가 json에서 오는 템플릿 인 Ionic2 템플릿이 있습니다. 코드를 렌더링하는 것은 JSON은 엘비스 연산자를 사용하고 * ngIf angular2 페이지로드에 초 일부 빈 IMG 깜박에도 불구하고Angular2는 값을 파싱하기 전에 템플릿을 렌더링합니다.

"questiondata": { 
        "questionImgUrl": "NA", 
        "userChoice": "Z", 
        "isAnswered": "no", 
        "isCorrect": "NA", 
        "questionid": "tq0ql9ar50qg", 
        "explanation": "<p>Capsule Endoscopy is not suiëtable for patients with strictures.</p>", 
        "question": "Capsule Endoscopy-False statement is", 
        "reference": "Bailey and Love 26th Edition P/205" 
       },

입니다

<img src="questionSetChosen[currentQuestion]?.questiondata.questionImgUrl" alt="" *ngIf="questionSetChosen[currentQuestion]?.questiondata.questionImgUrl != 'NA' "/>

입니다.

어떻게 예방할 수 있습니까? true로

출처

2017-03-03 raju

괜찮아 보입니다. ''src'' 대신에'[src]'를 시도해보십시오. – micronyks

*ngIf="questionSetChosen[currentQuestion]?.questiondata.questionImgUrl != 'NA' "

이가 null로 강요하는 경우, 그것은 평가합니다 (null! = 'NA'는 사실이다).

이미지를 깜박이지 않게하려면 먼저 누전을 확인하고 Null을 확인하십시오.

출처

2017-03-03 05:39:31 chrispy

'NA'는 리터럴 문자열입니다. json key questionImgUrl == 'NA'이면 img 태그가 표시되지 않아야합니다. 그게 내 요구 사항이야. – raju

맞아요.하지만 null이면 실패 할 수도 있습니다. 따라서 'null이 아닌 경우'및 'not eq'NA' 인 경우에만 표시되는지 확인하려면 null인지 확인해야합니다. – chrispy

Angular2는 값을 파싱하기 전에 템플릿을 렌더링합니다.

답변

관련 문제