在AngularJS中,为单个帖子创建页面的方法包括以下步骤:
app.controller('PostController', function($scope, $routeParams, PostService) {
PostService.getPost($routeParams.postId).then(function(post) {
$scope.post = post;
});
});
app.config(function($routeProvider) {
$routeProvider
.when('/post/:postId', {
templateUrl: 'post.html',
controller: 'PostController'
});
});
{{post.title}}
{{post.body}}
这样,当用户浏览到'/post/1”(其中1是特定帖子的ID)时,应用程序将会加载模板,调用PostController并传递路由参数。getPost方法在PostService服务中定义,通过API调用从服务端获取帖子的详细信息。详细信息通过$scope.post绑定到模板上。