如何使用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>

希望這可以幫助。