正しいTDを角で表示することができません

Question

私はtdをLoanの真偽値に基づいて表示しようとしています。すべてが、私はこの点を打つまでは固体である、それは私はあなたの構文は少しだけオフになっていると信じて真/偽

<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

答えは

<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

の値に対応したTDの代わりにTDの両方を出力場所。あなたのtdラインでこれを試してみてください：

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