Conditional inline tags in Angularjs

Question

I have certain tags for tracking events in analytics.

  <div class="video"
   analytics-event="{{track.event}}"
   analytics-category="{{track.category}}">
   ...
  </div>

The thing is that sometimes track.event (or track.category) is empty and I don't want that empty tag in there. <div class="video" analytics-event>...<div>

Is there a way to display them conditionally?

I still dont get what you want, if track.event is empty and track.category is not empty, do you want to display? <div class="video" analytics-category="xxx"> — Fetrarij
– Fetrarij, Commented Jun 28, 2017 at 11:20

Sajeetharan · Accepted Answer · 2017-06-28 10:50:13Z

1

Use ng-if

<div ng-if="track.event" class="video"
   analytics-event="{{track.event}}">
   ...
</div>

if it does not present,

<div  ng-if="!track.event" class="video"
   analytics-event>
</div>

answered Jun 28, 2017 at 10:50

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

5 Comments

Jorge Anzola Over a year ago

Ok, ok, and what if I have two tags?

Sajeetharan Over a year ago

what do you mean by two tags?

Sajeetharan Over a year ago

just add a condition ng-if="track.event" && "track.category"

Sajeetharan Over a year ago

@JorgeAnzola did it help

Jorge Anzola Over a year ago

Yes @Sajeetharan, indeed. Thanks. I think that is probably not the best solution, but for my short understanding of Angular, I think is fine.

Collectives™ on Stack Overflow

Conditional inline tags in Angularjs

1 Answer 1

5 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Related