[英]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.