Angular2 ngIf가 작동하지 않습니다.

Question

경로가 활성화되어 있지 않으면 img를 숨기려고합니다. 내가하려고하면 http://pastebin.com/TPXZU3BD

:

이

<div class="sidebar-nav-item dashboard-item" routerLinkActive="active" #rlaDashboardW="routerLinkActive"> 
     <a routerLink="/core/dashboard"> 
      <span class="helper"></span> 
      <div class="re-full-height icon"> 
      <img class="nav-icon" src="{{ rlaDashboardW.isActive ? './assets/navigation/dashboard-icon-active.svg' : './assets/navigation/dashboard-icon.svg'}}" 
      /> 
      </div> 
      <div class="re-full-height"> 
      <span> Dashboard </span> 
      </div> 
     </a> 
     <div class="separator-container"> 
      <img *ngIf="rlaDashboardW.isActive" src="./assets/navigation/navigation-separator-wide-active.svg" /> 
      <img src="./assets/navigation/navigation-separator-wide.svg" /> 
     </div> 
     </div> 

내가 얻을 오류 : http://pastebin.com/wsGLqNx4

참고 : 두 조각 사이의 차이가 나는 시도했다 :

<div class="sidebar-nav-item dashboard-item" routerLinkActive="active" #rlaDashboardW="routerLinkActive"> 
     <a routerLink="/core/dashboard"> 
      <span class="helper"></span> 
      <div class="re-full-height icon"> 
      <img class="nav-icon" src="{{ rlaDashboardW.isActive ? './assets/navigation/dashboard-icon-active.svg' : './assets/navigation/dashboard-icon.svg'}}" 
      /> 
      </div> 
      <div class="re-full-height"> 
      <span> Dashboard </span> 
      </div> 
     </a> 
     <div class="separator-container"> 
      <img *ngIf="{{rlaDashboardW.isActive}}" src="./assets/navigation/navigation-separator-wide-active.svg" /> 
      <img src="./assets/navigation/navigation-separator-wide.svg" /> 
     </div> 
     </div> 

하지만이 오류를 이동 첫 번째 것은 보간법을 사용하고 두 번째 것은 템플릿 변수에 직접 바인딩한다는 것입니다.

NOTE2 : 나는 ngClass와 유사한 문제가 발생하고 그래서 나는이 세계적인 문제라고 생각 - 당신이 당신의 app.module.ts과에 FormsModule을 가져 오지 않을 때이 오류가 발생하는됩니다

Answer 1

을 조사하고 업데이트됩니다 현재 모듈. 둘 다 가져 와서 제대로 작동하는지 확인하십시오.

또한 보내 주신 오류 메시지는 귀하가 제공 한 코드와 관련이 없습니다. 다음 번에 좋은 도움을 받으려면, 좋은 부분을 제공하려고 노력하십시오 .-)