如何使用 onclick 事件调用 AngularJS 控制器

【问题标题】：How to call a AngularJS controller using onclick event如何使用 onclick 事件调用 AngularJS 控制器
【发布时间】：2015-03-26 10:01:43
【问题描述】：

这是我的 javascript 代码。

    function Hello($scope, $http) {
    $http.get('<c:url value='/learningresources/ajaxvalue'/>').
    success(function(data) {
        $scope.response = data;
    });
 }

此代码从 spring 控制器获取记录列表。我希望同样返回结果bu onclick 事件。我该怎么做？

【问题讨论】：

标签： javascript angularjs spring controller

【解决方案1】：

您可以为 ng-click 创建一个函数，例如：-

HTML:-

<button ng-click="clickme()">Click me</button>

控制器：-

$scope.clickme=function(){
   $http.get('<c:url value='/learningresources/ajaxvalue'/>').
     success(function(data) {
       $scope.response = data;
    });

}

【讨论】：

【解决方案2】：

javaScript

var myApp = angular.module('myApp',[]);
myApp.controller('yourCtrl', ['$scope', '$http', function($scope, $http) {
    $scope.clickFun = function(){
        $http.get('<c:url value='/learningresources/ajaxvalue'/>').
            success(function(data) {
                $scope.response = data;
        });
    }
}]);

HTML

<div ng-controller="yourCtrl">
    <button ng-click="clickFun()">Your btn</button>
</div>

这行得通！

【讨论】：