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

发布时间：2020-12-17 07:29:56 所属栏目：安全来源：网络整理

导读：试图了解AngularJS指令.我需要将一个完整的对象从我的主控制器传递给指令.请参阅下面的代码和jsfiddle： http://jsfiddle.net/graphicsxp/Z5MBf/4/ body ng-app="myApp"div ng-controller="MandatCtrl" div person myPerson="mandat.person"/div span{{manda

试图了解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传递给指令,但它不起作用.我知道我一定做错了,问题是什么？

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!