djangoテンプレートテーブルの特定の行にアイコンを追加

Question

私はid、ファクタA、ファクタB、ファクタCのようなカラムを持つテーブルを持つPython Djangoテンプレートに取り組んでいます。 id、因子A、因子Bおよび因子Cの値はそれぞれ79,0.56,1.1,1.3である。

HTMLテンプレートのコードは、このようなものです：

<table class="table table-bordered"> 
    <thead> 
    <tr> 
     <th class="text-center">id</th> 
     <th class="text-center">Factor A</th> 
     <th class="text-center">Factor B</th> 
     <th class="text-center">Factor C</th> 
    </tr> 
    </thead> 
    <tbody > 
    <tr ng-class="{'info':aggregateData.Mode, 'closed':!aggregateData.Open}"> 
     <td class="text-center">{{aggregateData.id}}</td> 
     <td class="text-center">{{aggregateData.factor_a}}</td> 
     <td class="text-center">{{aggregateData.factor_b}}</td> 
     <td class="text-center">{{aggregateData.factor_c}}</td> 
    </tr> 
    </tbody> 
</table 

私は行がaggregateData.Open真を持つため、このような類似したこれにクリック可能なアイコンを追加したいです。

誰かが私がこれをどのように達成できるかを提案することができますか？

Answer 1

これを試してください。

<table class="table table-bordered"> 
    <thead> 
    <tr> 
     <th class="text-center">id</th> 
     <th class="text-center">Factor A</th> 
     <th class="text-center">Factor B</th> 
     <th class="text-center">Factor C</th> 
    </tr> 
    </thead> 
    <tbody > 
    <tr ng-class="{'info':aggregateData.Mode, 'closed':!aggregateData.Open}"> 
     <td class="text-center">{{aggregateData.id}}</td> 
     <td class="text-center">{{aggregateData.factor_a}}</td> 
     <td class="text-center">{{aggregateData.factor_b}}</td> 
     <td class="text-center">{{aggregateData.factor_c}}</td> 
     {% if aggregateData.open == True %} 
     <td class="text-center"> 
      <a href="https://www.google.co.in"> 
      <img src="/path_toicon.png">  
      </a> 
     </td> 
     {% endif %} 
    </tr> 
    </tbody> 
</table>