Arbeiten mit Kontrollkästchen, Dropdown und Textfeld

Question

Ich versuche, ein Kontrollkästchen, Drop-Down-und Textfeld wie im Bild mit angularjs angezeigt. Aber ich konnte es nicht richtig machen und jetzt zeige ich alles unter dem anderen. Außerdem erfahren Sie, wie Sie unterschiedliche Werte für verschiedene Textfelder in der Tabelle abrufen können, sodass die Zeitberechnungen für jede Zeile in der Tabelle unterschiedlich sind.

Controller:

mainApp.controller('settings-controller', function ($scope) { 
    $scope.fields = [{ id: 1, name: 'Sunday' }, 
    { id: 2, name: 'Monday' }, 
    { id: 3, name: 'Tuesday' }, 
    { id: 4, name: 'Wednesday' }, 
    { id: 5, name: 'Thursday' }, 
    { id: 5, name: 'Friday' }, 
    { id: 5, name: 'Sunday' }]; 

Html:

<ion-checkbox ng-repeat="field in fields" ng-model="field.checked" ng-checked="field.checked"> 
      {{field.name}} 
     </ion-checkbox> 
<input type="text" ng-model="medicinetime"> 
<select ng-model="time" ng-options="time for time in hours" 
<option value="">Select</option> 
</select> 

Answer 1

Es ist nur ein table tr td nur Format. Sie müssen ng-repeat auf tr und Format mit td-Tag ist wie wie unten (bitte die richtigen Array Objektname, was sie brauchen.) in

<table> 
<tr ng-repeat="field in fields"> 
<td> 
<ion-checkbox ng-repeat="field in fields" ng-model="field.checked" ng-checked="field.checked"> 
      {{field.checked}} 
     </ion-checkbox></td> 
<td> 
<input type="text" ng-model="field.name"></td> 
<td> 
<select ng-model="field.time" ng-options="time for time in hours" 
<option value="">Select</option> 
</select></td></tr> 
</table>