Ternary operator with variable substitution in HTML

Question

In a side panel of an app I want to either display "enabled" or "disabled" and I know I can write two different ng-if statements, but I wanted to see if there was a clever way to do it in just single line.

For reference here is what I have that works right now:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div class="rightColumn" ng-if="selectedProject.backupEnabled">Enabled</div>
<div class="rightColumn" ng-if="!selectedProject.backupEnabled">Disabled</div>

This isn't super critical obviously, but would be neat to know more about

Answer 1

<div class="rightColumn">{{ selectedProject.backupEnabled ? 'Enabled' : 'Disabled' }}</div>

This will work.