Liste der Schaltflächen, die den Wert zum Modellieren und Senden festlegen

Question

Ich möchte eine Liste von Schaltflächen erstellen, die im ausgewählten Zeitmodell einen Wert festlegen. Unten ist der Code, den ich habe, es zeigt, wie ich es aussehen möchte, könnte aber völlig falsch sein.

<form name="room" ng-submit="vm.postEvent()"> 
 
<button ng-click="vm.selectedTime = 15" > 15</button> 
 
<button ng-click="vm.selectedTime = 30" > 30</button> 
 
<button ng-click="vm.selectedTime = 60" > 60</button> 
 
</form>

Answer 1

Sie brauchen nicht eine Form haben, um th zu tun ist. Nur 3 Tasten

<button ng-click="vm.selectedTime = 15" > 15</button> 
<button ng-click="vm.selectedTime = 30"> 30</button> 
<button ng-click="vm.selectedTime = 60"> 60</button> 

Answer 2

Ist das, was Sie suchen:

<input type="text" ng-model="vm.selectedTime" > 
<button  type="submit" ng-click="vm.selectedTime =15" > 15</button> 
<button  type="submit" ng-click="vm.selectedTime =30" > 30</button> 
<button  type="submit" ng-click="vm.selectedTime =60"> 60</button> 

Example

Lassen Sie mich wissen, wenn thr r alle Änderungen

Answer 3

gut, statt sie mit Liste der Schaltflächen tun enought sind, empfehle ich Ihnen, es mit einer Liste tun sollte (mit select und Option mit ng-repeat und Wert als der Wert bei Array-Index Option Seriennummer) .....

<select ng-model="varname"> 
    <option ng-repeat="x in array" value="{{x}}"> 
     {{x}} 
    </option> 
</select> 

Es sollte Ihre Arbeit tun und es wird auch nicht so verwirrend wie die Anzahl der Tasten mehr Platz einnehmen, in der Liste Sie wissen, Sie haben einen Wert wählen .. Gehen Sie dafür