JSFiddle - React, Tailwind, and code Playground

by Yure Pereira

HTML

<script src="https://code.angularjs.org/1.6.1/angular.min.js"></script>
<div ng-controller="HomeCtrl as ctrl">
  <h1>{{ctrl.nameController}}</h1>
  <p><a href="#" ng-click="ctrl.updateName()"></a></p>
</div>

<div ng-controller="ContatoCtrl">
  <h1>{{nameController}}</h1>
</div>

<div ng-controller="SobreCtrl">
  <h1>{{nameController}}</h1>
  <p></p>
</div>

JavaScript

var app = angular.module('app', []);

app.controller('HomeCtrl', ['$scope', function($scope) {

	$scope.nameController = 'HomeCtrl';
  
  $scope.$on('updateName', function(event, args) {
  
  });

}]);

app.controller('ContatoCtrl', ['$scope', function($scope) {

	$scope.nameController = 'ContatoCtrl';

}]);

app.controller('SobreCtrl', ['$scope', function($scope) {

	$scope.nameController = 'SobreCtrl';

}]);