Angular 角度2动态img src

我有以下代码：

<a routerLink="/dashboard" routerLinkActive="active" #rla="routerLinkActive">
          <img src="/assets/navigation/dashboard-icon-active.svg" />
        <template [ngIf]="!isSmallSidebar">
          Dashboard
        </template>
      </a>

我做错了什么或者这是一个bug？
我发现了问题。这是正确的方法

<img id="re-nav-dashboard-img" src="{{rla.isActive ? './assets/navigation/dashboard-icon-active.svg' : './assets/navigation/dashboard-icon.svg'}}" />



我使用的是
src={{}
而不是
src=“{{}}”
您应该以不同的方式使用Angular 2绑定

您的


请注意
src
属性周围的方括号，以及引号之间的模板表达式

一些关于属性绑定的阅读：
我遇到了同样的问题。我的解决方案是有点棘手的改变src的形象

在html中：

<img id="re-nav-dashboard-img" [src]="rla.isActive ? './assets/navigation/dashboard-icon-active.svg' : './assets/navigation/dashboard-icon.svg'" />



在角度上：

<div id="imageDiv"></div>

document.getElementById（'imageDiv'）。innerHTML=''；
我可以通过嵌套形式执行一元“IF”来解决这个问题

document.getElementById('imageDiv').innerHTML = '<img src="' + YourPhotoURLOrBase64String + '"/>';


如果绑定值是一个字符串，它们是等价的。我的方法有什么区别？@GünterZöchbauer我不知道，但读完后我必须同意：）我喜欢人们同意我的观点：）
document.getElementById('imageDiv').innerHTML = '<img src="' + YourPhotoURLOrBase64String + '"/>';

    <td class="cent">
         <img  [src]="OrdersFund?.status=='P' ? 'assets/P.png' : OrdersFund?.status=='E' ? 'assets/E.png' : 'assets/C.png'" /> 
    </td>