METEOR変更選択ラベルの色

Question

I持ってどのように私は、状況に応じての値を変更できます

JS

で、次の選択

{{#each orders_db}} 
     <tr> 
     <td>{{item}}</td> 
     <td> 
     <select class="bootstrapselect orderstatus"> 
      <option data-content="<span class='label label-info'>{{status}}</span>">{{status}}</option> 
         <option disabled>--------</option> 
    <option data-content="<span class='label label-primary'>Awaiting</span>">Awaiting</option> 
    <option data-content="<span class='label label-info'>Taken</span>">Taken</option> 
    <option data-content="<span class='label label-success'>Delivered</span>">Delivered</option> 
    <option data-content="<span class='label label-warning'>Shipped</span>">Shipped</option> 
    <option data-content="<span class='label label-danger'>Cancelled</span>">Cancelled</option> 
      </select> 
     </td> 
     <td>{{client}}</td> 
     <td>{{location}}</td> 
     <td>{{responsible}}</td> 
     </tr> 
    {{/each}} 

？例えば、 。出荷されるラベルには警告が必要で、キャンセルにはラベルに危険が伴うなどがあります。

Answer 1

あなただけのラベルをstatusを入力して返すヘルパーを作成することができ

//html 
<option data-content="<span class='label label-info {{getLabel status}}'>{{status}}</span>">{{status}}</option> 

//template js 
const labels = { 
    cancelled: "label-danger", 
    shipped: "label-warning", 
    ... 
} 
Template.templateName.helpers({ 
    'getLabel':function(status){ 
    return labels[status]; 
    } 
}