我成功地创建了一个工厂,它获得一个.php文件输出(json)。
我的问题是如何从控制器的wihtin访问它:
myApp = angular.module("myApp", [])
myApp.factory "mainData", ($http) ->
$http.get('gethome.php').success (data) ->
data: data
console.log(data)
myApp.controller "HomeCtrl", ($scope, mainData) ->
$scope.home = mainData.data
如果我在这里选择了正确的语法,请告诉我,
我在教程中看到了很多关于如何创建模块/控制器的例子,
我在寻找正确的方法
最佳答案
将工厂注入角度控制器时,注入的工厂引用包含从工厂返回的那些成员:
myApp.factory("mainData", function($http) {
var mData = {};
$http.get('gethome.php').success(function(data) {
mData.data = data;
});
return mData;
});
myApp.controller("HomeCtrl", function($scope, mainData) {
$scope.home = mainData.data; // Here mainData equals mData object literal from the mainData factory
});
但是,代码的问题是maindata.data始终未定义,因为factory将在异步$http请求完成之前返回。因此,你的工厂应该承诺:
myApp.factory("mainData", function($http) {
return $http.get('gethome.php');
});
myApp.controller("HomeCtrl", function($scope, mainData) {
mainData.success(function(data) {
$scope.home = data;
});
});
注意:$http方法在默认情况下总是返回一个promise。