我正在尝试使用 Angular 团队提供的 flex-layout 创建网格布局。
这是我想要的:
这是我所拥有的:
我正在尝试仅使用具有wrap参数的一行来执行此操作,因此它更灵活:
<div class="widgets-row"
fxLayout
fxLayout.xs="column"
fxLayoutAlign="start"
fxLayoutWrap="wrap">
<div class="widget" fxFlex="100%">Large</div>
<div class="widget" fxFlex="50%">Medium</div>
<div class="widget widget-sm" fxFlex="25%">
Small
</div>
<div class="widget widget-sm" fxFlex="25%">
Small
</div>
<div class="widget widget-sm" fxFlex="25%">
Small
</div>
<div class="widget widget-sm" fxFlex="25%">
Small
</div>
Run Code Online (Sandbox Code Playgroud)
基本上我需要最后一行包裹在另外两个“小”下面。
谢谢。
我正在使用 Angular 1.5 处理 2 个组件。
我想从孩子访问父母,我设法使用:
require: {
parent: '^parentCmp'
}
Run Code Online (Sandbox Code Playgroud)
问题是,我想做同样的事情,但没有将父级“修复”为“parentCmp”,因为它并不总是我作为父级拥有的这个组件。
谢谢。