Передача нескольких значений объекта между контроллерами с помощью службы

Question

У меня есть два контроллера и настройки службы для хранения данных:

var myApp = angular.module('myApp', []); 
myApp.factory('Data', function() { 
    return { message: "This is a message from a service", Type: "This is a type from a service" } 
}); 


function FirstCtrl($scope, Data) { 
    $scope.data = Data; 
} 

function SecondCtrl($scope, Data) { 
    $scope.data = Data; 
} 

В моем HTML, у меня есть входы, чтобы связать эти значения:

<div ng-controller="FirstCtrl"> 
     <input type="text" ng-model="data.message"> 
     <h1>{{ data.message }}</h1> 
    </div> 

    <div ng-controller="SecondCtrl"> 
     <input type="text" ng-model="data.type"> 
     <h1>{{ data.type }}</h1> 
    </div> 

Тем не менее, все им возвращаются из службы, это мой data.message и ничего для data.type.

Почему это?

Answer 1

Это простой тип ошибки. Factory возвращает объект Data с типом в качестве ключа. В вашем HTML вы использовали «тип» в качестве ключа вместо «Тип».