Angular v5模板警告 - 表达式中的条件

时间:2018-01-18 18:26:24

标签: angular

我对<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 : '')" >

0 个答案:

没有答案