ngHide on custom directive

app.js

...

angular.module('myApp').directive('action', function(){
	return {
		restrict: 'E',
		scope: {
			action: '=ngModel'
		},
		template: '<button ng-click="$parent.actionClicked(action, this)" data-type="action">{{action.name}} ({{action.isHidden}})</button>',
		replace: true
	}
});

...
angular.module('myApp').controller('ToolCtrl', ...
	...
	
	$scope.action_buttons = {
		'oneClickBtns': {
			'class': 'btn-success',
			'buttons':[
				[{
					'name':'Button One',
					'type': 'btnOne',
					'isHidden': false
				},...],
				[{
					'name': 'Button Two',
					'type': 'btnTwo',
					'isHidden': true,
					'class': 'btn-yellow'
				},...]
			]
		},...
	}
	
	...
});

index_block.html

...
<div class="row" ng-repeat="btnGroup in action_buttons.oneClickBtns.buttons">
	<action ng-repeat="elem in btnGroup" ng-model="elem" class="btn btn-xs {{elem.class ? elem.class : action_buttons.oneClickBtns.class}} {{(elem.type==current_action.action_key)?'active':''}}" ng-hide="elem.isHidden"></action>
</div>
...