javascript - Would like to hide "|" if elements are not showing in Angular JS -


trying hide <li>|</li> when genres array have no value. use ngif/nghide this, or have code controller?

here html:

<div>     <ul class="list-inline">          <li ng-if="genre.name" ng-repeat="genre in genres"><a ng-href="/#/genre/{{genre.id}}">{{genre.name}}{{$last ? '' : ', '}}</a></li>         <li>|</li>         <li ng-if="runtime">{{runtime}}min</li>         <li>|</li>         <li>{{release_date | date}}</li>     </ul> </div> 

any appreciated.

all have check have genres in array ngif directive, so:

ng-if="genres.length" 

Comments

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

java - Copying object fields -

c++ - Clear the memory after returning a vector in a function -