小编Ale*_*ret的帖子

使用@angular/flex-layout 作为网格布局

我正在尝试使用 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)

基本上我需要最后一行包裹在另外两个“小”下面。

谢谢。

grid flexbox angular

5
推荐指数
1
解决办法
1万
查看次数

Angular 1.5:在不知道父组件名称的情况下访问父组件

我正在使用 Angular 1.5 处理 2 个组件。

我想从孩子访问父母,我设法使用:

require: {
    parent: '^parentCmp'
}
Run Code Online (Sandbox Code Playgroud)

问题是,我想做同样的事情,但没有将父级“修复”为“parentCmp”,因为它并不总是我作为父级拥有的这个组件。

谢谢。

angularjs angularjs-components

5
推荐指数
1
解决办法
978
查看次数

标签 统计

angular ×1

angularjs ×1

angularjs-components ×1

flexbox ×1

grid ×1