Kontrollkästchen zum Senden von Werten anstelle von boolesch

Question

Ich habe Kontrollkästchen mit Werten in HTML. Das Problem ist, dass ich möchte, dass die Werte in der Datenbank gespeichert werden und nicht ein boolescher Wert. Wie mache ich das?

HTML:

<div class="form-group" > 
    <label >Bachelor</label><br> 

     <input type="checkbox" id="ComputerScienceB" ng-model="vm.course.bachelor.computer" value="Computer Science"> Computer Science 
     <br> 
      <input type="checkbox" id="SystemsEngineeringB" ng-model="vm.course.bachelor.systems" value="Systems Engineering"> Systems Engineering 
     <br> 
     <input type="checkbox" id="EnvironmentalEngineeringB" ng-model="vm.course.bachelor.environmental" value="Environmental Engineering"> Environmental Engineering 
      <br> 
      <input type="checkbox" id="MechanicalEngineeringB" ng-model="vm.course.bachelor.mechanical" value="Mechanical Engineering"> Mechanical Engineering 
     <br> 
      <input type="checkbox" id="BiotechnologyB" ng-model="vm.course.bachelor.bio" value="Biotechnology"> Biotechnology 
    </div> 
    <br> 


    <div class="form-group"> 
     <button type="submit" class="btn btn-primary" ng-click="vm.saveCourse()">Add Course</button> 
    </div> 
</form> 

Die Datenbank fügt das Loch vm.course. Ich benutze den Lochmittelstapel.

Answer 1

Sie benötigen ng-true-value Attribut. Sie können es wie folgt verwenden:

<input ng-true-value="Biotechnology" 
    type="checkbox" 
    id="BiotechnologyB" 
    ng-model="vm.course.bachelor.bio"> 

Siehe angular docs on input[checkbox]