CODEWITHSUNDEEP
javascripthtmlangularjs
Sachin Udmale
Sachin Udmale

Reputation: 11

I would like to display the div only once - AngularJS

catch is that

I would like to display the div only once, not three times:

//angular js code

$scope.arr=["sunday","mpnday","tuesday"];

//html view

<ul>
<li ng-repeat="x in arr">
  <div><p>{{ x }}</p>
  </div>
</li>
</ul>

Upvotes: 0

Views: 445

Answers (1)

Boris Zagoruiko
Boris Zagoruiko

Reputation: 13164

Try:

<ul>
<li ng-repeat="x in arr">
  <div ng-if="$first">
      <p>{{ x }}</p>
  </div>
  <p ng-if="!$first">{{ x }}</p>
</li>
</ul>

Anyway, I would recommend you to rewrite your markup in valid way. div inside li is quite bad markup style.

Upvotes: 3

Related Questions