передача объекта в директиву angularjs от контроллера
Пытаюсь разобраться с директивами AngularJS. Мне нужно передать полный объект из моего главного контроллера в директиву. Смотрите код ниже и jsfiddle:http://jsfiddle.net/graphicsxp/Z5MBf/4/
<body ng-app="myApp">
<div ng-controller="MandatCtrl">
<div person myPerson="mandat.person"></div>
<span>{{mandat.rum}}</span>
<span>{{mandat.person.firstname}}</span>
</div>
и сценарий:
var myApp = angular.module("myApp", []);
myApp.controller("MandatCtrl", function ($scope) {
$scope.mandat = { rum: "15000", person: { id: 1408, firstname: "sam" } };
});
myApp.directive("person", function () {
return {
scope: {
myPerson: "="
},
template: 'test: <div ng-model="myPerson"><input type="text" ng-model="firstname" /></div>'
}
});
Хорошо, привязка отлично работает для mandat.rum и mandat.person.firstname.
Тем не менее, я пытаюсь передать mandat.person директиве, и она не работает. Я знаю, что я должен делать что-то не так, вопрос в том, что? :)