directive person

HTML

<body ng-app="myApp" ng-controller="MainCtrl">
      <span>{{mandat.rum}}</span>
      <span>{{mandat.surname}}</span>
    <input type="text" ng-model="mandat.person.firstname" />
    <my-directive mandate-person="mandat.person" updateparent="updatePerson(person)" >

      </my-directive>
</body>

JavaScript

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

        app.controller('MainCtrl', function ($scope) {
            $scope.mandat = { name: "John", surname: "Doe", person: { id: 1408, firstname: "sam" } };
            $scope.updatePerson = function(person) {
                alert(person.firstname);
              $scope.mandat.person = person;   
            }
        });


        app.directive('myDirective', function () {
            return {
                restrict: 'E',
                template: "<div><span>{{mandatePerson.id}}<span><input type='text' ng-model='mandatePerson.firstname' /><button ng-click='updateparent({person: mandatePerson})'>click</button></div>",
                replace: true,
                scope: { mandatePerson: '=', updateparent: '&' }
                }
            }
        )