Questa direttiva condizionale serve a mostrare un elemento delle view in base alla valutazione di un'espressione booleana.
Consideriamo questo controller:
var app = angular.module('MyApp', []);
app.controller('FormCtrl', ['$scope', function($scope) {
$scope.sentSuccess = false;
$scope.send = function() {
$scope.sentSuccess = false;
if($scope.sendForm.$valid) {
$scope.sentSuccess = true;
}
};
}]);
E questa view:
<body ng-app="MyApp">
<form name="sendForm" ng-submit="send()" novalidate>
<div class="bg-success text-success" ng-show="sentSuccess">Success!</div>
<!--...-->
</form>
</body>
In questo caso il messaggio viene mostrato se e solo se sentSuccess
è true
.