Angular 材料中的条件弯曲

Posted 2023-03-05

【中文标题】Angular 材料中的条件弯曲

【英文标题】：Conditional flex in Angular material

【发布时间】：2016-10-24 00:27:03

【问题描述】：

给定引导布局定义

ng-class="'col-sm-6':vm.data.mode === 'ADD', 'col-sm-3': vm.data.mode === 'EDIT'"

角材料当量是多少？ （如果 vm.data.mode === 'ADD' 则设置 flex="50"，如果 vm.data.mode === 'EDIT' 则设置 flex="25"）

【参考方案1】：

你可以在下面试试。

<div layout="row" layout-wrap>
  <div flex-gt-sm="vm.data.mode === 'ADD' ? 50: 25"></div>
  <div flex-gt-sm="vm.data.mode === 'ADD' ? 50: 25"></div>
  <div flex-gt-sm="vm.data.mode === 'ADD' ? 50: 25"></div>
</div>

【讨论】：

谢谢，正在寻找这样的东西。