单击任意位置以在Angular中发送请求

时间:2015-01-09 11:51:59

标签: angularjs

我刚刚开始使用Angular,它的实施非常好。

AngularjQueryclick的任何地方或HTML执行某项任务

jQuery

$("html").click(function() {});

可以在Angular吗?

你的建议对我有帮助。

谢谢

4 个答案:

答案 0 :(得分:1)

您可以将ngClick指令附加到body标记:

<body ng-app="app" ng-click="doSomething()" ng-controller="ctrl">
...
</body>

JS

var app = angular.module('app', []);
app.controller('ctrl', function($scope) {
    $scope.doSomething = function() {
        alert('done');
    });
});

答案 1 :(得分:1)

嗯,是的,当然。我不知道你为什么会这样。只需在视图中使用ng-click

<body ng-app="rootApp" ng-controller="RootController" ng-click="hello()">
</body>

并在控制器中定义hello函数。

var rootApp = angular.module('rootApp');

rootApp.controller('RootController', ['$scope',
function ($scope) {
    $scope.hello = function() {
        alert('hello');
    }
}]);

另请注意,如果您希望整个页面可以点击,则需要在css中展开页面的高度

html, body {
    height: 100%;
}

答案 2 :(得分:1)

这可以通过在你的html元素中添加ng-controller和在你的控制器中调用方法的ng-click来实现。

<!DOCTYPE html>
<html ng-app="myApp" ng-controller="hello" ng-click="check()">

  <head>
    <script data-require="angular.js@*" data-semver="1.3.7" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.7/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <h1>Hello Plunker!</h1>
    <script>
      var myApp=angular.module("myApp",[]);
      myApp.controller("hello",function($scope){
        $scope.check=function(){
          alert("hello");
        }
      });

    </script>
  </body>

</html>

请参阅此plnkr进行演示: http://plnkr.co/edit/KVUz6dNcXKj3W9uTNYLa?p=preview

答案 3 :(得分:0)

您需要创建控制器和内部控制器,您需要在控制器上创建一个功能。

<button ng-click="ShowMessage()">Show Message</button >

var app = angular.module('app', []); app.controller('Myctrl',
function($scope) {
$scope.ShowMessage = function() {
alert('Test');
}); });