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

Question

我正在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: 'shahjad.ahmad89@gmail.com', 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函数以及如何将记录显示到视图文件中？

Answer 1

默认情况下，当控制器加载allusers可以在控制器内部调用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>

希望这可以帮助。