角度材料中的条件弯曲

Question

给定引导布局定义

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")

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>