@jfredsilva obviamente tem a resposta mais simples para a pergunta:
ng-style = "{'width': (myObject.value == 'ok')? '100%': '0%'}"
No entanto, você pode realmente querer considerar minha resposta para algo mais complexo.
Exemplo do tipo ternário:
<p ng-style="{width: {true:'100%',false:'0%'}[myObject.value == 'ok']}"></p>
Algo mais complexo:
<p ng-style="{
color: {blueish: 'blue', greenish: 'green'}[ color ],
'font-size': {0: '12px', 1: '18px', 2: '26px'}[ zoom ]
}">Test</p>
Se $scope.color == 'blueish'
, a cor será 'azul'.
Se $scope.zoom == 2
, o tamanho da fonte será 26px.
angular.module('app',[]);
function MyCtrl($scope) {
$scope.color = 'blueish';
$scope.zoom = 2;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script>
<div ng-app="app" ng-controller="MyCtrl" ng-style="{
color: {blueish: 'blue', greenish: 'green'}[ color ],
'font-size': {0: '12px', 1: '18px', 2: '26px'}[ zoom ]
}">
color = {{color}}<br>
zoom = {{zoom}}
</div>