在一個 Module 中可能會需要有一些資源是要在各個 Controller 共用,這時就可以利用 AngularJS 的 Factory
使用方法
var ballApp = angular.module('BallApp', []);
// 新增 Factory
ballApp.factory('UserService', function($http) {
// 利用 $http 抓取資料
return {
fetch: $http.get('getName.php')
};
});
ballApp.controller('PersonCtrl', function($scope, UserService) {
// 使用 UserService
UserService.fetch.success(function(name) {
$scope.name = name;
});
});
ballApp.controller('OtherCtrl', function($scope, UserService) {
UserService.fetch.success(function(name) {
$scope.name = name;
});
});