Angular 4：平铺实现答案

【问题标题】：Angular 4 : Tile implementationAngular 4：平铺实现
【发布时间】：2018-04-18 08:50:09
【问题描述】：

我对 Angular 4 非常陌生，对一个项目也很陌生。我的领导要求我分析以下设计是否可以在 Angular 4 中实现。

我可以使用 CSS 轻松实现设计，但我不确定这在 Angular 4 中如何相关或可实现。

请指导我这个设计是否可以实现。

我在 angular 4 中遇到了<mat-grid-list>，我可以用这个吗？

场景：点击“tile1”（第一张图片）...“tile1a”、“tile1b”、“tile1c”应该出现（第二张图片）

【问题讨论】：

是可以实现的，将组件中的所有部分拆分并适当调用

标签： angular typescript angular4-forms

【解决方案1】：

我只能同意@mxr7350 的评论。使用 html/css 创建模板并将导航栏、侧边栏和磁贴拆分为组件以实现您的目标。如果您是 Angular 新手，我建议您完成 Tour of Heroes，如果您需要进一步的帮助，您可以创建 stackblitz，以便其他人可以帮助您处理布局和组件。所需代码的完整示例很难在此处的评论中发布，但是是的，它是可行的。

最好的问候

【讨论】：

是的，这会有所帮助。谢谢