flex-sm模拟角材料2应用

Question

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

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

我该如何在我的Angular material 2应用程序中实现它？

Answer 1

按照以下步骤得到它的工作：

1. 安装flex-layout依赖性：

   npm install @angular/flex-layout 
   

2. 导入FlexLayoutModule您AppModule：

   import { FlexLayoutModule } from '@angular/flex-layout'; 
   import { NgModule } from '@angular/core'; 
   
   @NgModule({ 
       imports: [ 
        FlexLayoutModule, 
        // Other modules 
       ] 
   }) 
   export class AppModule {} 
   

3. 更改您的密码到以下内容：

   <div fxFlex="50%" fxFlex.sm="100%"> 
       Some data 
   </div> 
   

   • Flex layout demo website