Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在表单上按submit时如何调用不同的get函数;有棱角的_Javascript_Angularjs - Fatal编程技术网

Javascript 在表单上按submit时如何调用不同的get函数;有棱角的

Javascript 在表单上按submit时如何调用不同的get函数;有棱角的,javascript,angularjs,Javascript,Angularjs,我有三个函数,每个函数都有$scope.fetch(),当按下ng submit=fetch时调用它。我想要一个ng submit按钮,它将调用三个函数中的所有三个fetch(),我如何才能做到这一点? HTML: 您可以在内部作用域中访问外部作用域属性,这样您就可以在内部作用域中定义每个fetch函数,并将它们推入要在提交时调用的函数数组中。然后,在submit^上,只需迭代该数组并调用每个函数。瞧 <div ng-controller="fetcher"> <for

我有三个函数,每个函数都有$scope.fetch(),当按下ng submit=fetch时调用它。我想要一个ng submit按钮,它将调用三个函数中的所有三个fetch(),我如何才能做到这一点? HTML:


您可以在内部作用域中访问外部作用域属性,这样您就可以在内部作用域中定义每个fetch函数,并将它们推入要在提交时调用的函数数组中。然后,在submit^上,只需迭代该数组并调用每个函数。瞧

<div ng-controller="fetcher">
    <form name="myForm" ng-submit="fetch"></form>
    <ul ng-controller="NewCooliosCtrl"></ul>
    <ul ng-controller="NewPlacesCtrl"></ul>
    <ul ng-controller="NewUsersCtrl"></ul>
<div>

.controller('fetcher', function($scope){
    $scope.toFetch = [];
    $scope.fetch = function(){
        for(var i=0; i<$scope.toFetch.length; i++){
             $scope.toFetch[i]();
        }
    }
});
.controller('NewCooliosCtrl', function($scope){
    $scope.fetch= function(){...};
    $scope.toFetch.push($scope.fetch);
})
.controller('NewPlacesCtrl', function($scope){
    $scope.fetch= function(){...};
    $scope.toFetch.push($scope.fetch);
})
.controller('NewUsersCtrl', function($scope){
    $scope.fetch= function(){...};
    $scope.toFetch.push($scope.fetch);
})

        .controller('fetcher',函数($scope){ $scope.toFetch=[]; $scope.fetch=函数(){
        对于(var i=0;如果您使用空格进行缩进,而不是制表符,它可能会帮助其他人阅读您的代码。我将此添加到我的代码中,但它不起作用,我还需要做些什么。我对angular非常陌生
          myApp.config(['$routeProvider',
         function($routeProvider) {
          $routeProvider
        .when('/getdailydata', {
            templateUrl: 'templates/getnewcoolios.html',
            controller: 'DailyCtrl'
          })
        }])
             .controller('DailyCtrl', function($scope) {
         })
         .controller('NewUsersCtrl', function($scope,$http,$filter) {
          $scope.fetch= function(){
        
        var formdata =
        {'date' : $filter('date')(this.date, 'dd/MM/yyyy')
        };
        
        var inserturl = 'http://94.125.132.253:8001/getnewusers?date=' + formdata.date;
        
        $http.get(inserturl).success(function (data) {
        console.log(formdata);
         $scope.newUsers = data;
         console.log(inserturl);
         console.log(data);
          $scope.message = 'List of New Users';
          })}
           })
         .controller('NewPlacesCtrl', function($scope,$http,$filter) {
        
        $scope.fetch= function(){
        
         var formdata =
         {'date' : $filter('date')(this.date, 'dd/MM/yyyy')
         };
        
        var inserturl = 'http://94.125.132.253:8001/getnewplaces?date=' + formdata.date;
        
         $http.get(inserturl).success(function (data) {
        console.log(formdata);
        $scope.newPlaces = data;
        console.log(inserturl);
        console.log(data);
        $scope.message = 'List of New places';
        }
        )
        
        }
        })
        .controller('NewCooliosCtrl', function($scope,$http,$filter) {
        
          $scope.fetch= function(){
        
        var formdata =
        {'date' : $filter('date')(this.date, 'dd/MM/yyyy')
         };
        
        var inserturl = 'http://94.125.132.253:8001/getnewcoolios?date=' + formdata.date;
        
         $http.get(inserturl).success(function (data) {
        console.log(formdata);
        $scope.newCoolios = data;
        console.log(inserturl);
        console.log(data);
        $scope.message = 'List of New Coolios';
         }
         )}});
        
        <div ng-controller="fetcher">
            <form name="myForm" ng-submit="fetch"></form>
            <ul ng-controller="NewCooliosCtrl"></ul>
            <ul ng-controller="NewPlacesCtrl"></ul>
            <ul ng-controller="NewUsersCtrl"></ul>
        <div>
        
        .controller('fetcher', function($scope){
            $scope.toFetch = [];
            $scope.fetch = function(){
                for(var i=0; i<$scope.toFetch.length; i++){
                     $scope.toFetch[i]();
                }
            }
        });
        .controller('NewCooliosCtrl', function($scope){
            $scope.fetch= function(){...};
            $scope.toFetch.push($scope.fetch);
        })
        .controller('NewPlacesCtrl', function($scope){
            $scope.fetch= function(){...};
            $scope.toFetch.push($scope.fetch);
        })
        .controller('NewUsersCtrl', function($scope){
            $scope.fetch= function(){...};
            $scope.toFetch.push($scope.fetch);
        })