Условные прогибаются в угловом материале

Question

Учитывая самозагрузку определения макета

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

Что угловой материал эквивалент? (Чтобы установить flex = "50", если vm.data.mode === 'ADD' и установите flex = "25", если vm.data.mode === 'EDIT')

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>