Question

这是与angularjs材料一起使用的代码。

<div flex="50" flex-sm="100">
    Some data
</div>

如何在Angular material 2 app中实现它？

Answer 1

按照以下步骤使其正常运行：

安装flex-layout依赖项：
```
npm install @angular/flex-layout
```

将FlexLayoutModule导入您的AppModule：

import { FlexLayoutModule } from '@angular/flex-layout';
import { NgModule } from '@angular/core';

@NgModule({
    imports: [
        FlexLayoutModule,
        // Other modules
    ]
})
export class AppModule {}

将您的代码更改为以下内容：
```
<div fxFlex="50%" fxFlex.sm="100%">
    Some data
</div>
```
- Flex layout demo website

flex-sm模拟角材料2的应用

1 个答案: