モデル化してサブミットする値を設定するボタンのリスト

Question

selectedTimeモデルの値を設定するボタンのリストを作成したいとします。 以下は私が手に入れたコードです。どのように見せたいのですが、完全に間違っている可能性があります。

<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

rをなら、私を知ってみましょうthをするための形をとるです。 わずか3ボタンが

<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

あなたが探しているものは以下です：

<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

THRはあなたが必要のない変更

Answer 3

も代わりのボタンのリストでそれをやってenoughtあり、私はの配列インデックスの値としてngのリピートおよび値を選択し、オプションを使用して（あなたがリストでそれを行う必要があります示唆しますオプションのシリアル番号）.....

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

リストにあなたが値を選択する必要があります知っている、それはあなたの仕事を行う必要がありますし、それはまた、より多くのスペースを占有するボタンの数のように混乱することはないだろう。..それに行く