Seeking a solution for displaying badges based on need inside the ion-nav-buttons. However, facing an issue where the controller inside the ion-nav-buttons is triggered twice. Interestingly, placing it outside the ion-nav-buttons resolves this problem.
For reference, check out this example:
HTML content
<body ng-app="app">
<ion-side-menus>
<ion-side-menu-content>
<ion-nav-bar class="bar bg-main">
<ion-nav-back-button style="color: #fff">
</ion-nav-back-button>
<ion-nav-back-button style="color: #fff">
</ion-nav-back-button>
<ion-nav-buttons side="right">
<a ng-href="#/notification" class="button" ng-controller="NotifyCtrl">
</a>
</ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view name="" animation="slide-left-right"></ion-nav-view>
</ion-side-menu-content>
</ion-side-menus>
</body>
Code
angular.module('app', ['ionic']).
controller('NotifyCtrl', ['$scope', function($scope){
alert();
}]);
Received little help after posting the question on the Ionic forum. Grateful for any assistance provided in advance.