我有一个被点击的 URL,控制器的模型是来自 API 调用的数据。目前,当模板被渲染时,数据还没有回来,所以我得到了一个空白页。
我调查并显然解决是采取的方法,但我没有太多运气。以下是我所拥有的,但我对 Angular 很陌生,所以这可能是完全错误的方法。
//app.js
(function () {
'use strict';
var app = angular.module('barbato', []).
config(function ($routeProvider) {
$routeProvider.
when('/', {
controller: 'ReposController',
templateUrl: '/Content/templates/repos.html',
resolve: {
myVar: function(repoService) {
return repoService.getItems();
}
}
}).
otherwise({ redirectTo: '/' });
});
app.factory('repoService', function ($http) {
return {
getItems: function () {
$http.get('http://localhost:12008/getrepodata/jchannon').then(function (response) {
return response.data;
});
},
};
});
})();
//repo.js
(function () {
'use strict';
var app = angular.module('barbato');
var repooController = app.controller(
'ReposController', ['$scope','myVar', function ($scope, myVar) {
$scope.items = myVar;
}
]);
})();