Skip to content

Question: Is there a way to still have the use of default photo if none is available, but still use *ngIf binding? #10

@Tanker21

Description

@Tanker21

I kind of liked having a default photo if none was added to a recipe, but still want to use the class binding that contains the img tag. I see that *ngIf can handle an if...else, but I cannot seem to get it to work. I tried:

and also:

)

but keep getting this error:

Error: src/app/components/recipe-summary/recipe-summary.component.html:4:41 - error NG5002: Parser Error: Unexpected token / at column 50 in [recipe.cover_photo; then recipe.cover_photo else /assets/emptybowl.jpg] in D:/Documents/Learning/Web/Angular/recipes/src/app/components/recipe-summary/recipe-summary.component.html@3:40

4 <div class='cover-photo-holder' *ngIf="recipe.cover_photo; then recipe.cover_photo else /assets/emptybowl.jpg">

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions