Create a gist now

Instantly share code, notes, and snippets.

AngularJS: Criando Service
<!DOCTYPE html>
<html ng-app="app">
<meta charset="utf-8" />
<title>Blog do Gabriel Feitosa</title>
<style type="text/css">
button {
background-color: red;
color: white;
font-weight: bold;
<div ng-controller="FofoqueiroController as fofoqueiro">
<legend>Fofoqueiro Controller</legend>
<input ng-model="mensagem" ng-change="fofoqueiro.fofocar(mensagem)" placeholder="Qual a fofoca de hoje?" />
<span>O fofoqueiro disse <b>{{fofoqueiro.falou()}}</b></span>
<div ng-controller="VizinhoChatoController as vizinhoChato">
<legend>Vizinho Chato Controller</legend>
<span>O vizinho chato ouviu: <b>{{vizinhoChato.escutou()}}</b></span>
<button style="" ng-click="vizinhoChato.espalhaFofoca()">Espalhar Fofoca</button>
<a href=""> Blog do Gabriel Feitosa</a>
<script src=""></script>
var app = angular.module('app', []);
app.controller('FofoqueiroController', ['MensagemFactory', function(Mensagem) {
var self = this;
self.falou = Mensagem.get;
self.fofocar = Mensagem.set;
app.controller('VizinhoChatoController', ['MensagemFactory', function(Mensagem) {
var self = this;
self.escutou = Mensagem.get;
self.espalhaFofoca = Mensagem.alertar;
app.factory('MensagemFactory', function($window) {
var mensagem = {
texto: ''
return {
get: function() {
return mensagem.texto;
set: function(tx) {
mensagem.texto = tx;
alertar: function() {
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment