为什么名为 {{hero.name}} 的属性在 <h> 中有效，但在 <img> 中无效
Why does a proprety call {{hero.name}} work in a <h> but not in a <img>
在模板中，以下代码正常运行：
<h3>{{hero.name}}</h3>
甚至：
<a routerLink="/details/{{hero.id}}">{{hero.name}}</a>
但是当涉及到如下图片路径时：
<img [src]="'/pictures/{{hero.name}}' | getDownloadURL" />
它被解释为一个字符串，如错误消息中所示：
ERROR FirebaseError: Firebase Storage: Object 'pictures/{{hero.name}}'
does not exist. (storage/object-not-found)
尽管可以通过以下方式访问图片：
<img [src]="'/pictures/mario' | getDownloadURL" />
尝试使用 `` 引号
"`/图片/{{hero.name}} | getDownloadURL"
试试这个
<img [src]="'/pictures/' + hero.name | getDownloadURL" />
在这种情况下使用模板字符串：
/pictures/${hero.name} | getDownloadURL
在模板中，以下代码正常运行：
<h3>{{hero.name}}</h3>
甚至：
<a routerLink="/details/{{hero.id}}">{{hero.name}}</a>
但是当涉及到如下图片路径时：
<img [src]="'/pictures/{{hero.name}}' | getDownloadURL" />
它被解释为一个字符串，如错误消息中所示：
ERROR FirebaseError: Firebase Storage: Object 'pictures/{{hero.name}}' does not exist. (storage/object-not-found)
尽管可以通过以下方式访问图片：
<img [src]="'/pictures/mario' | getDownloadURL" />
尝试使用 `` 引号
"`/图片/{{hero.name}} | getDownloadURL"
试试这个
<img [src]="'/pictures/' + hero.name | getDownloadURL" />
在这种情况下使用模板字符串：
/pictures/${hero.name} | getDownloadURL