directive person

by graphicsxp

HTML

<body ng-app="myApp">
    <div ng-controller="MandatCtrl">
        <div person  myPerson="mandat.person"></div>

        <span>{{mandat.rum}}</span>
        <span>{{mandat.person.firstname}}</span>

    </div>
</body>

JavaScript

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: '<div>test:<span>{{myPerson.id}}</span><input type="text" ng-model="myPerson.firstname" /></div>',
        
    }
});