AngularJS Directive delegate as bound property on scope

Using "=" instead of "&" to implement directive delegates

HTML

<div ng-app="myapp">
    workkk
   <div ng-init="btns = [
		{icon: 'ion-wifi', ngclass: 'isOnline ? \'wifion\' : \'wifioff\'', content: 2 },
		{icon: 'ion-arrow-swap', ngclass: '', content: '' }
	]" class="buttons" ng-repeat="btn in btns">
		<button class="button button-icon icon {{btn.icon}}" ng-class="btn.ngclass" ng-click="btn.ngclick">{{btn.content}}</button>		
	</div>
</div>

JavaScript

var myapp = angular.module("myapp", []);