flex condizionale in materiale angolare

Question

data la definizione di layout di bootstrap

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

Qual è il materiale angolare equivalente? (Per impostare flex = "50" se vm.data.mode === 'ADD' e impostare flex = "25" se vm.data.mode === 'EDIT')

Answer 1

Puoi provare di seguito.

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