角度弯曲布局,网格大小无法正常工作

时间:2019-01-07 10:47:23

标签: angular7 angular-flex-layout

很抱歉,如果这是一个非常简单的问题,请尝试绕过角形柔性网格。

我有这个组件

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular';


viewAreas: any[] =
    [{
      areaName: 'A',
      layoutSize: "70",
    },
      {
        areaName: 'B',
        layoutSize: "30"
      }
    ];
}

连同此模板

<div fxLayout="row">
  <div *ngFor="let area of viewAreas" style="border: 2px solid red">
    <div [fxFlex.gt-sm]="area.layoutSize"
         [fxFlex.gt-xs]="area.layoutSize"
         [fxFlex]="area.layoutSize">
          {{area.areaName }} {{area.layoutSize }}
    </div>
  </div>
</div>

我希望这能给我一行包含2个部分的内容,其中1%为页面宽度的70%,另外30%为页面宽度,但我没有得到

你可以在这里看到这个

https://stackblitz.com/edit/angular-umhsx2

如果有人可以告诉我我做错了,将不胜感激。

1 个答案:

答案 0 :(得分:2)

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)
    if let customNavigation = self.navigationController as? CustomNavigationViewController {
       // here you got your `customNavigationController`'s object. 
       customNavigation.imageview // access it
    }
}

仅与直子be一起使用

navigationController

因此,请尝试以下代码。

UIViewController