Replace attribute using angular

It can be done with boolean logic:

<div ng-show="cond1 && cond2">
    One data set
</div>
<div ng-show="cond1 && !cond2">
    Other data set
</div>

Both data sets will be hidden if cond1 == false. If true, one or the other will show.

Or use De Morgan's Theorem:

<div ng-show="cond1 && cond2">
    One data set
</div>
<div ng-hide="!cond1 || cond2">
    Other data set
</div>

It is unclear for me what you need to achieve, but maybe it will be useful:

function Controller (SomeService) {
    var vm = this;
    vm.firstVisible = false;
    vm.secondVisible = false;
    SomeService.getData().then(data) {
        // firstValidation() function returns true if first way of display is matching
        if (firstValidation(data)) {
            vm.firstVisible = true;
        }

        // secondValidation() function returns true if second way of display is matching
        if (secondValidation(data)) {
            vm.secondVisible = true;
        }
    }
}

And then in HTML:

<div>
    <div ng-if="vm.firstVisible">
        First way of displaying data
    </div>
    <div ng-if="vm.secondVisible">
        Second way of displaying data
    </div>
</div>

(Intentionally I don't use $onInit or other stuff to do not make things complicated)