ng-class operador ternario ejemplo

ng-class operador ternario ejemplo

HTML

<div ng-app="myApp">
    <div ng-controller="Padre1Controller">
        <button ng-click="cambiarVariable()">Cambiar</button>
        <div ng-class="variable=='a' ? 'azul' : 'rojo'" id="cuadrado"></div>
        {{variable}}
    </div
</div>

CSS

.rojo{background-color:yellow;}
.azul{background-color:blue;}
.verde{background-color:green;}

#cuadrado{ width:200px; height:200px;}

JavaScript

var myApp=angular.module('myApp', []);
    
    myApp.controller('Padre1Controller', function($scope){
        $scope.variable=false;
        
        $scope.cambiarVariable=function(){
            $scope.variable= 'ab';            
        };
    });