未能在angular5 innerhtml属性中进行连接

Question

我正在尝试在innerHtml属性中的角度模板中进行连接。

HTML

<div *ngFor="let data of testData;let i=index;">
  <span innerHtml="{{data.field}} {{i+1}}"></span>
</div> 

组件

testData=[{field1:'first data',name:'testing'},{field2:'first data',name:'testing'}];

如何整合数据。字段＆＃39;用＆＃39;索引＆＃39;为了访问对象属性数组？