0👍
✅
With the help of @ewizard I was able to get it working properly.
here is the revised markup:
<div class="ng-scope" ng-controller="AmbasPieCtrl" ng-init="init(data)" style="width: 250px;">
<div ng-if="hasStats">
<div ng-hide="$odd">
<canvas id="pie" class="chart chart-pie"
chart-type="Pie"
chart-colours=colorsEven
chart-data="data"
chart-labels="labels"
chart-legend="true">
</canvas>
</div>
<div ng-hide="$even">
<canvas ng-if="hasStats" id="pie" class="chart chart-pie"
chart-type="Pie"
chart-colours=colorsOdd
chart-data="data"
chart-labels="labels"
chart-legend="true">
</canvas>
</div>
</div>
<div ng-if="!hasStats" class="text-center">
<h4>No stats found</h4>
</div>
</div>
Source:stackexchange.com