如何从模块中调用函数并使用MEAN堆栈在视图文件中显示记录？

我正在MEAN堆栈中工作，并使用控制器和模块文件。如何从模块中调用函数并使用MEAN堆栈在视图文件中显示记录？

module.js

var app = angular.module("myApp", ['ngRoute', 'ngStorage']); 
app.config(function($routeProvider) { 
    $routeProvider. 
    when('/allusers', { 
    controller: 'usercontroller', 
    templateUrl: 'js/view/allusers.html' 

    }); 
});

现在我想调用一个函数usercontroller。我如何调用定义在控制器中的功能？

我controller.js文件

app.controller("usercontroller", function($scope, $http, $localStorage, $location) { 

    $scope.allusers = function() { 

    $http({ 
     method: 'POST', 
     url: '/api/addseat', 
     data: { email: '[email protected]', password: 123456 } 
    }).then(function successCallback(response) { 
     if (response.data.error) { 
     alert("Invalid email pasword"); 
     } else { 
     $scope.dp = response.data; 
     $localStorage.pp = $scope.dp; 
     } 
    }, function errorCallback(response) { 
     alert("Invalid email pasword"); 
    }); 
    } 
});

如何从模块调用allusers功能以及如何显示记录到视图文件？

来源

2016-12-17 Shahzad Ditro

您可以在默认情况下打电话给你的控制器内allusers功能时，您的控制器的负载为

$scope.allusers();

您还可以通过使用ng-click属性的任何按钮点击或其他事件调用它。

<input type="button" value="Submit" ng-click="allusers()"/>

，并显示值，

对于单值， <div>{{dp}}</div>

多个值使用ng-repeat，

<div ng-repeat="d in dp">{{d}}</div>

希望这有助于。

来源

2016-12-17 08:16:18

我可以调用任何函数，取决于URL像http：// localhost：3000 /＃/ allusers当这个URL命中时，它可以自动alluser（）函数调用 –

是的，在你的''allusers''函数的下面控制器添加这一行，$ scope.allusers（）; 页面加载时会自动调用该函数。 –

虽然在打算仅从控制器内部调用该函数时，不需要将其定义为范围函数。你可以将其定义为普通函数，然后调用为''allusers（）'' –

如何从模块中调用函数并使用MEAN堆栈在视图文件中显示记录？

回答

相关问题