带有两个提交按钮的角度模态，用于触发“输入”

Question

我有一个搜索模式，有两个按钮，我想按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>在这里也不起作用。

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

启用后，我可以将其指定为默认值吗？

Answer 1

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

var keypressed = false;

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

这会回答你的问题吗？