METEOR Ändern wählen Etikettenfarbe

Question

Ich habe folgendes wählen

{{#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}} 

in JS

Wie kann ich die in Abhängigkeit vom Status' Wert ändern? z. Versendet sollte Etiketten-Warnung haben, storniert sollte Etiketten-Gefahr haben und so weiter.

Answer 1

Sie könnten nur einen Helfer erstellen, die status Eingänge und gibt das Etikett

//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]; 
    } 
}