將值設置爲模型並提交的按鈕列表

我想創建一個按鈕列表，它將在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>

來源

2016-10-10 M. Nalbant

你不需要有一個形式，以做到這一點是。只需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>

來源

2016-10-10 10:44:18

感謝您的回答，它現在有效。但我確實需要一個表單，因爲我需要用按鈕調用一個方法。用我現在的東西編輯我的問題。 –

這是你在找什麼：

<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 [R任何更改

來源

2016-10-10 10:43:50

感謝您的回答。它現在有效。用我現在的東西編輯我的問題。 –

好，而帶有按鈕的列表做的，我建議你應該用一個列表去做（使用選擇和選項和NG-重複和值作爲值在數組索引選項序列號）.....

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

應該做你的工作，它也不會這麼混亂，按鈕佔用更多的空間的數量，你知道你必須選擇一個值列表..去尋求它

來源

2016-10-10 10:55:25

將值設置爲模型並提交的按鈕列表

回答

相關問題