从 HTML 属性中的 JSON 使用 space 访问密钥（Angular 10 属性绑定）

Question

我正在尝试访问 HTML 属性中的 JSON 键值（使用 space）。我的页面在 Angular 10 版本上，我将 src 属性绑定到 JSON.

中的一个键

<td mat-cell *matCellDef="let element">    
  <img [src]="element.Player Name"/>   
</td>

JSON

{
"Name": "Richard",
"Player Name": "https://sampleURl/example.jpg"
}

这里的'Player Name'是和space的关键。我试过了：

<td mat-cell *matCellDef="let element">    
  <img [src]="element[Player Name]"/>   
</td>

这适用于普通绑定，但不适用于此处。感谢您的帮助

Answer 1

为了使用实际字符串进行绑定（而不是 angular 需要翻译的内容），请使用 'actual string'，在您的情况下：

<td mat-cell *matCellDef="let element">    
  <img [src]="element['Player Name']"/>   
</td>

Accessing key with space from JSON in HTML attribute (Angular 10 Property binding)