我对<img>
scr
属性有以下条件属性绑定:
<img alt="About" class="profile-pic"
[src]="(blogPost && blogPost.authorProfilePictureURL) ? blogPost.authorProfilePictureURL : ''">
当它在内联模板中时,结束>
会显示为红色。
如果它位于单独的html
模板文件中,则&&
会显示为红色警告。
他们都编译,但是我在这里缺少什么?然后我的组件代码或模板的其余部分显示为错误
更新
条件结束时的空引号引起了问题。我通过将整个条件表达式包装在括号中来修复此问题。这很好用
<img alt="About" class="profile-pic"
[src]="((blogPost && blogPost.authorProfilePictureURL) ? blogPost.authorProfilePictureURL : '')" >