Question

如果路线不活跃，我试图隐藏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类似的问题，因此我认为这是一个全球性问题 - 将调查和更新

Answer 1

如果未在app.module.ts和当前模块中导入FormsModule，则会发生此错误。请务必将其导入以使其正常工作。

此外，您发送给我们的错误消息与您提供给我们的代码无关。如果下次你想得到很好的帮助，请尽量为我们提供好的帮助; - ）

Angular2 ngIf不起作用

1 个答案: