角度模式,带有两个提交按钮,可以“输入”

时间:2016-04-26 22:30:29

标签: javascript html angularjs forms submit

我有一个搜索模式,有两个按钮,我想在按Enter键时触发。有最初的“搜索”按钮,然后是最后的“提交”按钮。

用户处于Angular Modal中,将名称放入搜索字段(在此期间,“提交”按钮被禁用),然后按“Enter”键以启动搜索。搜索会填充一个表格,然后用户点击要选择的名称,然后启用“提交”按钮,现在我想要一个按键“Enter”来提交选择。

我可以获得第一个“Enter”来运行搜索功能,但我无法再次按“Enter”来启动选择的提交。

这是我的代码:

<button type="submit" class="btn btn-default" ng-click="getNames(params)" value="Search">Search</button>
<button class="btn btn-default" type="button" ng-click="Clear(params)">Clear</button> 

然后填充名称列表后,用户选择一个,然后再次按“Enter”键以触发提交按钮。

<div class="modal-footer">
    <input class="btn btn-default" type="submit" ng-click="OK()" ng-disabled="disableOK()"/>
    <button class="btn btn-default" type="button" ng-click="Cancel()">Cancel</button>
</div>

使用<button type="submit" class="btn btn-default "ng-click="OK()" g-disabled="disableOK()"></button>在这里也不起作用。

我到处寻找,因为这似乎是一个常见的问题,但我还没有看到解决方法,主要是有多个按钮的人想要在提交时做不同的事情,而不是触发“输入“关键。

启用后,我可以将其指定为默认值吗?

1 个答案:

答案 0 :(得分:0)

我很难跟踪你想要做的事情..但是,如果我想在按键上完成一个表单做不同的事情,我会在我的控制器中执行以下操作:

var keypressed = false;

$scope.keyPressedFunction = function() {    
    if (keypressed) {
      // do second thing
    } else {
      // do first thing
      keypressed = true
    }
}

这会回答你的问题吗?