提交與按鈕，上輸入，表格之外，只角

你會實現什麼解決方案的角度「形式」，在那裏你想讓它在回車鍵按下提交，但你不能重新排列元素，以適應在<form>元素中。例如這樣的事情：提交與按鈕，上輸入，表格之外，只角

<div> 
    <input/> 
    <input/> 

    //This might act as a kind of custom built select 
    <ul> 
     <li></li> 
    </ul> 

    <form></form> //Dropzone form for instance. 

    <button type="submit" ng-click="submitFunction()">Submit</button> 
</div>

我希望用戶能夠按下回車鍵，而重點是這些元素（不只是真實的表單元素），並具有形式提交（驗證合格的課程）。解決方案應該純粹是Angualr（如果可能的話）。我寧願它沒有使用複雜的CSS定位，我不想重新排列和混淆html結構。

我看到了一個解決方案在線定製的「ngEnter」類型的指令，我還以爲有希望，但是我不認爲每個人都對球隊是會這樣的解決方案。我想知道如何解決這個問題。

來源

2017-04-05 Baltimore Birds

NG-按鍵然後檢查的鍵碼，觸發submitFunction（） –

見[此鏈接] （http://stackoverflow.com/a/29133805/3931488）以獲取更多信息。你也可以使用ng-click，因爲輸入觸發這個。 –

See this article for more info。

這裏展示瞭如何使用NG-按鍵有條件地登錄到控制檯的一個片段：

angular.module('myExample', []) 
 
    .controller('myController', ['$scope', function($scope) { 
 
    $scope.myFunction = function() { 
 
    console.log('hi!'); 
 
    } 
 
    }]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="myExample"> 
 
    <div ng-controller="myController"> 
 
    <input placeholder="type something" ng-keypress="$event.which === 13 && myFunction()"> 
 
    </div> 
 
</div>

來源

2017-04-05 18:53:12

提交與按鈕，上輸入，表格之外，只角

回答

相關問題