繁体   English   中英

Angular2 ngIf不起作用

[英]Angular2 ngIf does not work

如果路线未激活,我试图隐藏img。 我努力了:

<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/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

注意:这两个代码片段之间的区别在于,在第一个代码片段中,我使用插值法,而在第二个代码段中,我直接绑定至模板变量。

注意2:我在ngClass中遇到类似的问题,因此我认为这是一个全球性问题-将进行调查和更新

当您不在app.module.ts和当前模块中导入FormsModule时,将发生此错误。 确保将它们都导入,以使其正常工作。

另外,您发送给我们的错误消息与您提供给我们的代码无关。 如果您下次需要很好的帮助,请尝试为我们提供出色的服务;-)

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM