2016-12-17 14 views
0

私は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ファイルはモジュールからallusers関数を呼び出す方法と、ビューファイルにレコードを表示する方法を

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

のですか?

答えて

2

あなたは

$scope.allusers(); 

としてお使いのコントローラの負荷はあなたがまたng-click属性を使用して、任意のボタンクリックまたはその他のイベントを通してそれを呼び出すことができたときに、デフォルトでは、あなたのコントローラ内のallusers関数を呼び出すことができます。

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

と複数の値について <div>{{dp}}</div>

ng-repeatを使用し、単一の値について

、として値を表示し、

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

は、この情報がお役に立てば幸いです。

+0

このurlヒットが可能な場合、http:// localhost:3000 /#/ allusersのようなURLに依存する関数を呼び出すことはできますか?alluser()関数呼び出し –

+0

はい、あなたの内部の '' allusers''関数コントローラは、この行を$ scope.allusers()に追加します。 ページが読み込まれると自動的に関数が呼び出されます。 –

+0

内部のコントローラからのみその関数を呼び出すときにスコープ関数として定義する必要はありませんが、通常の関数として定義してから、 '' allusers() ''と呼びます。 –

関連する問題