Javascript 为什么这个angularjs指令不显示绑定的文档？

我有一个来自控制器的带有绑定文档模型的指令。但是指令没有显示文档

HTML:

输出HTML仍然是：

TestApp:
Testdoc controller: {"name":"testname","id":null} 
Testdoc directive: <missing output of doc here>| 123

TestApp:
Testdoc控制器：{“name”：“testname”，“id”：null}
Testdoc指令：| 123

jsfiddle：

---

我做错了什么？

在DDO中添加限制：“E”，见下文。Angular 1.2在未明确设置的情况下使用restrict:“A”。对于Angular 1.3，它变成了“EA”，您的指令也会起作用。要使其在您的小提琴中工作，请按以下方式进行更改：

app.directive("testMe", function () {
return {
    restrict : 'E',
    scope: {
        myDoc: '=myModel'
    },
    link: function(scope, elem, attrs){

    }
}
});

---

在DDO中添加限制：“E”，请参见下文。Angular 1.2在未明确设置的情况下使用restrict:“A”。对于Angular 1.3，它变成了“EA”，您的指令也会起作用。要使其在您的小提琴中工作，请按以下方式进行更改：

app.directive("testMe", function () {
return {
    restrict : 'E',
    scope: {
        myDoc: '=myModel'
    },
    link: function(scope, elem, attrs){

    }
}
});

---

解决方案不是直接在html中调用{{myDoc}}，而是在模板中调用

app.directive("testMe", function () {
    return {
        restrict: 'E',
        template: '<div>Testdirective: {{myDoc}}<div>',
        scope: {
            myDoc: '=myModel'
        },
        link: function(scope, elem, attrs){

        }
    }
});

app.directive（“testMe”，函数（）{
返回{
限制：'E'，
模板：“Testdirective:{{myDoc}}”，
范围：{
myDoc:'=myModel'
},
链接：功能（范围、要素、属性）{
}
}
});

请参阅更新的JSFIDLE：

---

非常感谢@Mr_Green的提示

解决方案不是直接在html中调用{{myDoc}}，而是在模板中调用

app.directive("testMe", function () {
    return {
        restrict: 'E',
        template: '<div>Testdirective: {{myDoc}}<div>',
        scope: {
            myDoc: '=myModel'
        },
        link: function(scope, elem, attrs){

        }
    }
});

app.directive（“testMe”，函数（）{
返回{
限制：'E'，
模板：“Testdirective:{{myDoc}}”，
范围：{
myDoc:'=myModel'
},
链接：功能（范围、要素、属性）{
}
}
});

请参阅更新的JSFIDLE：

---

非常感谢@Mr_Green的提示

Thx的建议，但是在更新jsfiddle之后仍然不起作用。您的建议是正确的。我还想补充一点，您应该提到

指令

中

模板

属性中的内容。不是在html中。看看这个。现在你应该弄清楚为什么

{abc}

不起作用：）@DennisAhaus你预计会发生什么？你的指令什么也没做。谢谢你的建议，但是在更新JSFIDLE之后仍然不起作用。你的建议是正确的。我还想补充一点，您应该提到

指令

中

模板

属性中的内容。不是在html中。看看这个。现在你应该弄清楚为什么

{abc}

不起作用：）@DennisAhaus你预计会发生什么？您的指令没有执行任何操作。但是内容中以前存在的

{{abc}}

呢？是的，因为ng init在新创建的范围内初始化abc变量。谢谢你的帮助。确实是这样：-）但是以前在内容中出现的

{{abc}}

呢？是的，因为ng init在新创建的范围内初始化abc变量。谢谢你的帮助。成功了：-）