Question

我正在使用角度4并且卡在某一点上。我在html组件中使用下面的代码来显示表中的数据：

<table class="table">
<thead>
    <tr>
      <th>Code</th>
      <th width="22%">Description</th>
      <th>Requested <br> Date</th>
      <th>Status</th>
      <th width="15%">Status change Date</th>
      <th width="10%">User ID</th>
      <th width="31%">Comments</th>
      <th></th>
    </tr>
</thead>
<tbody>
    <tr *ngFor="let orm of ormData">
      <td>{{orm.code}}</td>
      <td class="specialWidth">{{orm.description}}</td>
      <td>{{orm.reqDate}}</td>
      <td>{{orm.status}}</td>
      <td>{{orm.statusChngDate}}</td>
      <td>{{orm.userId}}</td>
      <td>{{orm.comments}}</td>
      <td><img src={{orm.img}} alt="delete" height=30px" width="30px"></td>
    </tr>
</tbody>

这是ts组件的ormData：

ormData = [{
'code':'AP1',
'description':'AP Translated and attested by SM',
'reqDate':'29/11/2016',
'status':'pending',
'statusChngDate':'13/12/2016',
'userId':'User ID',
'comments':'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui ipsam in.',
'img':'assets/icons/deleteGrey.svg'

}];

现在在我的输出中，除了图像之外，我获得了所有预期的数据。而不是图像文本内容<img src="assets/icons/deleteGrey.svg" alt="delete" height=30px" width="30px">正在显示。

请让我知道如何在输出中显示我的图像。

Answer 1

您在高度属性

处缺少“”

 <td><img [src]='orm.img'  height="30px" width="30px">
 </td>

<强> DEMO

角度4图像src绑定问题

1 个答案: