我有一个来自 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/
我做错了什么?
最佳答案
解决方案不是直接在 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 的提示
关于javascript - 为什么这个 angularjs 指令不显示绑定(bind)文档?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27619308/