Ich kann nicht die richtige TD zur Anzeige mit Winkel

Question

Ich versuche, die td auf True/False-Werte für Darlehen angezeigt zu bekommen. Alles ist solide, bis ich diesen Punkt getroffen, wo es druckt sowohl der anstelle td td auf den Wert true entspricht/false

<tbody> 
    <tr ng-repeat="dvd in dvds | filter: dvdFilter"> 
     <td>{{dvd.Title}}</td> 
     <td>{{dvd.Rating.RatingName}}</td> 
     <td>{{dvd.MovieDirector}}</td> 
     <td><a href={{dvd.Website}} class="btn btn-primary">IMDb</a></td> 
     <td> 
      <button value={{dvd.DvdId}} class="btn btn-primary" id="btnDelete" ng-click="delete()">Delete</button> 
     </td> 
     <td ui-if{{dvd.Loan}}="true" style="color: green;">Available</td> 
     <td ui-if{{dvd.Loan}}="false" style="color: red;">Out on Loan</td> 
    </tr> 
</tbody> 

Answer 1

die Antwort endet als

<td ng-if"dvd.Loan == true" style="color: red;">Out on Loan</td> 
    <td ng-if"dvd.Loan == false" style="color: green;">Available</td> 

Answer 2

Ich glaube, Ihre Syntax ist nur ein bisschen ab. Versuchen Sie, diese auf Ihrem td Linien:

<td ng-if="dvd.Loan == 'true'" style="color: green;">Available</td> 
<td ng-if="dvd.Loan == 'false'" style="color: red;">Out on Loan</td>