Compartir variables en Controladores con AngularJS

Para compartir variables en controladores con AngularJS:

 App.js

MiWeb.factory('Data', function () {
    return { Nombre: '' };
});

MiWeb.controller('IndexCtrl', function ($scope, Data) {
    $scope.Data = Data;
});

MiWeb.controller('PanelCtrl', function ($scope, Data) {
    $scope.Data = Data;
});

Index.html

<div ng-controller="IndexCtrl">
    <input type="text" ng-model="Data.Nombre">
    <br>Mi nombre es : <strong>{{Data.Nombre}}</strong>
</div>

<hr>

<div ng-controller="PanelCtrl">
    El nombre ingresado en el controlador index es: {{Data.Nombre}}
</div>
Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s