将值设置为模型并提交的按钮列表

我想创建一个按钮列表，它将在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

将值设置为模型并提交的按钮列表

回答

相关问题