Javascript 束缚角5中的三元算子

我有一个问题，我似乎无法解决它，基本上我试图在angular中的

[src]

属性中使用三元if语句

<img class="author-head" [src]="(asset.fields.authorHeadImage != null || asset.fields.authorHeadImage != undefined ) ? asset.fields.authorHeadImage?.fields?.file.url : ../../../../assets/Images/CustomContent/author.jpg" >

---

以下语法应该起作用。备用URL用单引号括起来，因为它是一个文本字符串。在第一个语法中，两个NOT运算符

请明确它在条件中作为布尔值处理的值

<img [src]="!!asset.fields.authorHeadImage ? asset.fields.authorHeadImage : '../../../../assets/Images/CustomContent/author.jpg'" ... >
<img [src]="asset.fields.authorHeadImage || '../../../../assets/Images/CustomContent/author.jpg'" ... >

还没有测试过，但像这样的测试应该是一个不错的选择。保持你的html更干净

 <img class="author-head" [src]="asset.fields.authorHeadImage != null  ? asset.fields.authorHeadImage : myImgUrl" >

您是否看到与此代码相关的任何错误。注释代码时是否仍有错误？@SangramNandkhile请参阅更新的问题图像源文件中缺少单引号。这可能就是问题所在。src属性的值在每个更改检测周期中都会求值，这是真的吗？它与函数调用
[src]=“getUrl（）”
@malbarmawi-据我所知，每个绑定表达式都是在更改检测时求值的。上面答案中的表达式将在每次都被验证，是的，就像方法调用或简单属性一样。顺便说一句，调用一个方法并不坏，只要它执行得很快（请参阅）。
 <img class="author-head" [src]="asset.fields.authorHeadImage != null  ? asset.fields.authorHeadImage : myImgUrl" >

export class App{
   myImgUrl: string='../../../../assets/Images/CustomContent/author.jpg';
}