将对象从控制器传递给angularjs指令

前端之家收集整理的这篇文章主要介绍了将对象从控制器传递给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传递给指令,但它不起作用.我知道我一定做错了,问题是什么?

猜你在找的Angularjs相关文章