Angular material 中的条件弹性

Question

给定 bootstrap 布局定义

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

angular material 等价物是什么？ （如果 vm.data.mode === 'ADD' 设置 flex="50"，如果 vm.data.mode === 'EDIT' 设置 flex="25"）

Answer 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>