温泉-ui：按钮提交不提交表格

我已经在onsen-ui构建了一个正常的表格，但如果我尝试使用ons-button而不是正常的button，表单不会提交。温泉-ui：按钮提交不提交表格

<!-- doesn't work --> 
<ons-button type="submit">Submit</ons-button> 

<!-- works --> 
<button type="submit">Submit</button>

这是一个我正在使用AngularJS处理的表单。我注意到有一个resolved issue是相似的，但我使用的OnsenUI v1.1.4应该包含此修复到现在。

如果有帮助，这是HTML标记ons-button是生产：

<ons-button type="submit" class="ng-isolate-scope button effeckt-button slide-left"><span class="label ons-button-inner"><span class="ng-scope">Submit</span></span> 
    <span class="spinner button__spinner "></span> 
</ons-button>

来源

2014-10-10 Daniel Alexiuc

由于ONS-按钮指令不支持“提交”，请在这种情况下，采用正常的按钮，而不是ONS-按钮。我会把这个报告给Onsen UI团队。

来源

2014-10-14 02:25:59 Ataru

已经通过onsen框架添加了此功能吗？ – nespapu 2015-03-06 07:50:06

我不确定。如果您仍然有任何关于“提交”的问题，请在git hub问题上发帖。 https://github.com/OnsenUI/OnsenUI/issues然后团队会回复。 – Ataru 2015-03-06 08:04:20

您可以尝试以下方式，将ons-switch作为一个角度模型给出，并检查它何时提交。

javascript

$scope.testClick = function(item) { 
    console.log($scope.switch); 
    console.log(item); 
}

markup

<ons-list-item> 
    <ons-switch ng-click="switch(switch)" ng-model="switch" checked></ons-switch> 
</ons-list-item> 
<ons-button ng-click="testClick(item)">Lorem</ons-button>

来源

2014-11-14 01:59:56

它看起来并不像温泉会支持这样的：https://github.com/OnsenUI/OnsenUI/issues/1538

我的解决方案是使用一个正常的按钮，但设置类“按钮“，以便接收温泉造型：

<button type="submit" class="button">

来源

2017-10-11 23:33:15 AKMorris

温泉-ui：按钮提交不提交表格

回答

相关问题