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

Question

這是我在javascript中的代碼。

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

該代碼從spring控制器獲取記錄列表。 我希望它同樣返回結果bu onclick事件。 我怎樣才能做到這一點？

Answer 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;
    });

}

Answer 2

Java腳本

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>

這可行！