单击AngularJS中的Fire按钮

Question

单击AngularJS中的Fire按钮

ali*_*ali 6 events input click button angularjs

我想在输入中按Enter时触发按钮的单击事件,我发现使用AngularJS非常困难.

我的观点(简化,更新):

<!doctype html>
<html lang="en" ng:app="test">
    <head>
        <meta charset="utf-8" />
        <title>Test</title>
        <link rel="stylesheet" href="css/app.css" />
    </head>
    <body ng-controller="TestController">
        <button ng-click="onButton1Click()" class="btn1">Click Me</button>
        <button ng-click="onButton2Click()" class="btn2">Don't click me</button>
        <script src="lib/jquery/jquery.js"></script>
        <script src="lib/angular/angular.js"></script>
        <script src="js/testcontroller.js"></script>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

我对此视图的控制器:

'use strict';

angular.module('test', [])
.controller('TestController', ['$scope',
    function($scope) {

        $scope.onButton1Click = function() {
            alert("Hello");
        }

        $scope.onButton2Click = function() {
            $('.btn2').click();
        }
}])

Run Code Online (Sandbox Code Playgroud)

我简化了所有代码.当我点击btn2时,我收到此错误

$申请已在进行中

不,我不能$scope.onButton1Click()直接打电话,我必须模拟btn1点击.

Answer 1

小智 13

你提到过

在输入中按Enter时触发按钮的单击事件

因此,如果可以安全地假设您可以拥有表格,我更喜欢使用ng-submit,如下所示.

<form ng-submit="clickEventFunction()">
  <input type="text"/>
  <button type="submit">Click</button>
</form>

Run Code Online (Sandbox Code Playgroud)

注意按钮类型应该提交.

Answer 2

Kyl*_*ell 3

这花了我一段时间才弄清楚（很多小提琴）。

<form id="nowsorting" ng-submit="getData(sc_user)">Now sorting the Soundcloud likes of <input type="text" ng-model="sc_user"><input type="submit" value="Sort"></form>

制作一个表单并使用 ng-submit 来触发事件（可能是一个函数）。

然后创建两个输入（一个是“文本”，另一个是“提交”）。

然后按 Enter 键应该会触发 ng-submit 事件/函数。

归档时间：	12 年，10 月前
查看次数：	33166 次
最近记录：	11 年，9 月前