Angularjs 无法在数据库中查看使用$routeParams重定向的数据
我有一些json格式的数据,想在我的html页面中查看,我使用了$routeParams,但无法从json文件中获取数据。 我创建了如下控制器:Angularjs 无法在数据库中查看使用$routeParams重定向的数据,angularjs,routeparams,Angularjs,Routeparams,我有一些json格式的数据,想在我的html页面中查看,我使用了$routeParams,但无法从json文件中获取数据。 我创建了如下控制器: angular.module('app.controllers', [ 'app.directives' ]) .controller('PostController', ['$scope', '$http', function ($scope, $http){ $http.get('data/posts.jso
angular.module('app.controllers', [
'app.directives'
])
.controller('PostController', ['$scope', '$http', function ($scope, $http){
$http.get('data/posts.json').then(function (data) {
$scope.posts = data.data;
});
}])
.controller('SinglePostController', ['$scope', '$http', '$routeParams', function($scope, $http, $routeParams) {
$http.get('data/posts.json').then(function (data){
$scope.post = data[$routeParams.id];
});
}]);
配置为:
angular.module('app', [
'ngRoute',
'app.controllers'
])
.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/',{
templateUrl : 'views/post.html',
controller : 'PostController'
}).when('/post/:id', {
templateUrl: 'views/singlepost.html',
controller: 'SinglePostController'
}).otherwise({
redirectTo : '/'
});
}]);
必须提取数据的html页面为:
<h1>{{post.title}}</h1>
<p>{{post.content}}</p>
{{post.title}
{{post.content}
救命啊 在执行http.get之前,您可能需要声明scope变量
.controller('SinglePostController', ['$scope', '$http', '$routeParams', function($scope, $http, $routeParams) {
$scope.post = {};
$http.get('data/posts.json').then(function (data){
$scope.post = data.data[$routeParams.id];
});
你在html中循环数据吗?是的,在数据中循环!你要帮忙吗?当你使用console.log$scope.posts时,控制台中显示的是数据吗?是的,显示的是对象!