Tengo un componente que está siendo utilizado por muchas páginas:
<input ng-style="{$ctrl.page0 ? 'border-color:blue' : ''}" class="form-control" type="text" ng-change="$ctrl.dateChange()" /> <button ng-click="$ctrl.open()">Continue</button>Quiero usar algo como esto:
ng-style="{$ctrl.page0 ? 'border-color:blue' : ''}" ng-style="{$ctrl.page1 ? 'border-color:red' : ''}" ng-style="{$ctrl.page2 ? 'border-color:yellow' : ''}"Pero debido al "else", no funcionará.
¿Cuál es la sintaxis para usar:
ng-style="{$ctrl.page0 ? 'border-color:blue'}"De acuerdo con los detalles proporcionados, pruebe el siguiente código.
ng-style="{'border-color': $ctrl.page0 ? 'blue' : ($ctrl.page1 ? 'red' : ($ctrl.page2 ? 'yellow' : '')) }"Puedes escribir así:
ng-style="$ctrl.page0 ? {border-color:'blue'} : {}"