Tenho uma diretiva que gera um botão, e quando clico neste botão um contador aumenta 1. Essa diretiva está inserida em dois lugares no meu index.html. Gostaria que quando eu clicasse em algum dos botões, os dois fossem alterados...
Segue o meu código:
index.html:
<div ng-app='demo'>
<button-directive></button-directive>
<button-directive></button-directive>
</div>
app.js:
var demo = angular.module('demo', []);
demo.directive('buttonDirective', function($parse) {
return {
restrict: 'E',
template: '<button ng-controller="MyCtrl" ng-click="increment()">{{count}}</button>',
}
});
demo.controller('MyCtrl', ['$scope', function($scope){
$scope.count = 0;
$scope.increment = function(){
$scope.count = $scope.count + 1;
};
}]);
Aqui tem um fiddle: http://jsfiddle.net/dfalbel/1kyq5e15/