无法在jhipster - angular 2项目中将数据绑定到img标记的src属性

Question

我已经从raw-loader更改为html-loader作为问题：https://github.com/jhipster/generator-jhipster/issues/5333

然后，如果我编码如下，它可以工作：

 <div class="img">
            <img src="../../content/images/lotto-euro1.png" alt="Logo here"/>
            <p>{{imgSrc}} here </p>
    </div>

当我将数据绑定到src时，它不起作用。

this.imgSrc = "../../content/images/lotto-euro1.png";

<div class="img">
    <img src={{imgSrc}} alt="Logo here"/>
    <p>{{imgSrc}} here </p>
</div>

或

<div class="img">
                <img [src]="imgSrc" alt="Logo here"/>
                <p>{{imgSrc}} here </p>
            </div>

非常感谢您的帮助。

Answer 1

尝试在第一种情况下将src={{imgSrc}}更改为src="{{imgSrc}}"，或在第二种情况下将[src]更改为[attr.src]。如果它不起作用，请给我们一个img的HTML代码。