点击内容列表里的一个内容项目的标题，会打开这个内容详情页面。显示这个内容详情用的是 PostDetailsComponent 组件。回到项目，打开这个组件。

组件视图里用的数据是这个组件里的 entity，这个数据我们之前用了一个 Resolver 提前获取到了。在组件里订阅了一下路由的 data，这个 data 是个 Observable 。

在 Post 模块的路由模块里面，设置了一下 posts/:id 这条路由的 resolve 属性，里面添加了一个 entity，这个 entity 的值是用 PostDetailResolveService 获取到的。

打开 PostDetailResolveService ，在这个服务的 resolve 方法里面，用了一下 PostService 服务上的 show 方法获取到了内容详情数据。

打开 PostService 服务，修改一下这个服务里的 show 这个方法，这里让它 return 的是用一下 this.http 的 get 方法，设置一下值的类型，可以是 Post。然后把服务接口地址交给这个方法，这个地址应该是 this.postsApi，斜线，再加上这个 show 方法的 id 参数的值。

选中这个 Post，按一下 command + . ，然后选择导入这个东西。

再回到 PostDetailResolveService，这个 resolve 方法，现在 return 的值应该是一个 Observable，值的类型是 Post。

预览

回到浏览器预览一下，打开内容列表里的一个项目，现在会显示这个内容项目的详情。 在 PostDetailsComponent 组件的视图文件里面，再添加一个图像，一个 img 标签，在上面绑定 src 属性，值是 entity 的 image，再绑定一个 alt 属性，值是 entity 的 title。

打开组件的样式表，设置一下 img 的样式，把它的 width 设置成 100% 。然后再回到浏览器预览一下，现在内容详情页面上就会出现一张照片。