Conditional flex in Angular Material

Question

die Bootstrap-Layout-Definition Gegeben

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

Was ist das Winkel Material gleichwertig? (Um flex = "50" zu setzen, wenn vm.data.mode === 'ADD' und setze flex = "25", wenn vm.data.mode === 'EDIT')

Answer 1

Du kannst es unten versuchen.

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