javascript - 为什么这个 angularjs 指令不显示绑定(bind)文档？

Question

我有一个来自 Controller 的带有绑定(bind)文档模型的指令。但是指令没有显示文件？

HTML:

<div ng-app="myApp">TestApp:
    <div ng-controller="TestController as Test">Testdoc controller: {{Test.doc}}
        <br>
        <test-me ng-init="abc=123" my-model="Test.doc">Testdoc directive: {{myDoc}} | {{abc}}</test-me>
    </div>
</div>

JS:

var app = angular.module("myApp", []);

app.controller("TestController", function () {
    this.doc = {
        name: 'testname',
        id: null
    };
});

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

        }
    }
});

输出 HTML 仍然是:

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

jsfiddle:http://jsfiddle.net/kx97y93k/14/

我做错了什么？

Answer 1

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

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

        }
    }
});

查看更新的 jsfiddle:http://jsfiddle.net/kx97y93k/18/

非常感谢@Mr_Green 的提示