Yes, I think refactoring is wise. Your example is simple, but it is easy to imagine having many more conditions. I've done something like this, when many elements have complicated display conditions:
$scope.render = {
foobar: function() {
return $scope.status == 'state1' || $scope.status == 'state2'
},
baz: function() {
return $scope.status == 'state3'
}
}
Then the usage in the view is:
<span ng-if="render.foobar()">Foobar</span>
<span ng-if="render.baz()">Baz</span>
Demo: http://plnkr.co/lv4w9dLN8oN0bBF23VKp
This keeps the logic footprint in the view small, and allows you to easily reuse the logic on multiple elements.