Angularjs 未通过全宽页眉菜单页脚正确显示使用角度材质

根据该官员提供的例子：

全宽、页眉、菜单、页脚
标题
菜单
[flex sm=“33”][flex md=“20”]
主[柔性]
页脚

---

只需将css用作角度材质。css，但显示错误

确保您使用的是最新版本，因为文档仅显示最新版本的文档。因此，现在您可能看到0.6.0rc1的文档，其中有一些从0.5.1开始的突出更改/重命名，请参阅以获取修复

如果您想要一个带有侧菜单和页脚的全宽页眉，这里是0.6.0rc1的正确标记

<div layout="column" layout-fill>
    <div layout="row">
        <span>Your header</span>
    </div>
    <div layout="row" flex>
        <div layout="column" flex="33">
            Sidebar
        </div>
        <div flex="66">
            Main content
        </div>
    </div>
    <div layout="row">
        The footer!
    </div>
</div>

你的头球
边栏
主要内容
页脚！

这只是一个基本布局，您可能会将标题替换为

md-tollbar

，将侧菜单替换为

md-sidenav

。但这应该对你有帮助

另外，如果您想使用0.5.1，仍然只需将

行

替换为

水平

，将

列

替换为

垂直