Angularjs 如何将数据对象传递给动态创建的指令？（小提琴）

我想做的很简单，这里有一把小提琴来说明我想要实现的目标：

code here:

基本上，在数据获取成功时，我希望将返回的响应数据对象传递给一个动态编译的指令，无论发生什么情况，只有数据对象似乎未定义：(

知道我做错了什么吗？非常感谢！

angular.element（document.getElementById（'dirContainer'））.append（$compile（“”）（scope））；
angular.element(document.getElementById('dirContainer')).append($compile("<my-dynamic-directive name='data.name' data='data'></my-dynamic-directive>")(scope));

使用双向=或单向&绑定而不是文本@binding

myApp.directive("myDynamicDirective", function () {
    return {
        restrict: "E",
        scope: {
            data: "=",
            name: "="
        },
        template: "<div class='dynadir'><div>hello {{name}} <-- OK</div>"+
        "<div>hello {{data.name}} <-- WTF?</div></div>",    // <- undefined why?
        link: function (scope, element, attr) {
            console.log("The data passed: %O", scope.data); // <- undefined why?
        }
    }
});

myApp.directive（“myDynamicDirective”，函数（）{
返回{
限制：“E”，
范围：{
数据：“=”，
名称：“=”
},
模板：“你好{{name}}谢谢MajoB！对不起，我没有足够的声誉来给你评分，并将你的答案标记为所选答案，但感谢heaps，作为我实验的一部分，我确实尝试了双向绑定，但现在我意识到我试图编译html的方式是错误的（data='”+data+“‘而不仅仅是数据’”’再次感谢希望有人能给你Kudos这个似乎对angular 1.3不起作用。有什么想法吗？