How to write conditional within html element in blazor?

Question

@if (unit.unitNum != null)
 {
      <div>@unit.unitNum - @unit.type</div>
 }

Is there a way to right conditional within div element? I have to write conditional for unit.type too so it will be many ifs.

There is not enough information here - as it stands it seems all you need is another condition in your existing if. Or maybe you just want to use the ? operator - @unit?.unitNum - @unit?.type ? It's hard to know what you are asking for. — Mister Magoo
– Mister Magoo, Commented May 31, 2021 at 23:10
You haven't described what you want well enough for anyone to answer your question. — Bennyboy1973
– Bennyboy1973, Commented Jun 1, 2021 at 1:06
@unit?.unitNum - @unit?.type This is a good idea but how can I have else{} if unit.unitNum and unit.type were null? — mohandes
– mohandes, Commented Jun 1, 2021 at 9:42
Can structs can be null or is it a string?? or do you mean default? unit? is testing for (unit is null) — Brian Parker
– Brian Parker, Commented Jun 1, 2021 at 9:44
If I make the question clearer I can say that I want to remove @if (unit.unitNum != null){} and but I want to have conditional like this: @unit?.unitNum - @unit?.type as Magoo has mentioned above. now how can I have else {} within div element? — mohandes
– mohandes, Commented Jun 1, 2021 at 9:45

LuckyLikey · Accepted Answer · 2021-06-02 14:06:30Z

6

Yes you can write a conditional within a div element.

<div>
    @if(unit.unitNum != null)
    {
        @unit.unitNum - @unit.type
    }
    else {
        @* just do whatever you want here or don't write an else clause *@
    }
</div>

Note that you can also use String interpolation

<div>
    @if(unit.unitNum != null)
    {
        @($"{unit.unitNum} - {@unit.type}")
    }
</div>

You could even simplify this a bit more. Also since you didn't specify this, the type of unit.unitNum doesn't really matter here, e.g. it could be an int, or a string.

<div>
    @($"{(unit.unitNum != null ? unit.unitNum : "no number found")} - {@unit.type}")
</div>

answered Jun 2, 2021 at 14:06

LuckyLikey

3,9311 gold badge37 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

LuckyLikey Over a year ago

great pleasure to help :)

Collectives™ on Stack Overflow

How to write conditional within html element in blazor?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related