Javascript 安格拉斯DOM注射
如果我提前向AngularJS注册了一个面向元素的指令，那么我是否可以直接向DOM（例如通过Javascript 安格拉斯DOM注射,javascript,angularjs,Javascript,Angularjs,如果我提前向AngularJS注册了一个面向元素的指令，那么我是否可以直接向DOM（例如通过document.appendChild）注入一个与该指令元素匹配的节点（例如），AngularJS将在其位置呈现该指令（可能需要手动摘要触发器） 我的指令模板.html <div> hello world </div> 角度配置： //... angular.directive('my-directive-name', require('my-directive
document.appendChild <div>
hello world
</div>
//...
angular.directive('my-directive-name', require('my-directive-name'))
//...
<body></body>
<body>
<my-directive-name my-attribute='foo'>
</my-directive-name>
</body>
<body>
<div>
hello world
</div>
</body>
//...
angular.directive('my-directive-name', require('my-directive-name'))
//...
<body></body>
<body>
<my-directive-name my-attribute='foo'>
</my-directive-name>
</body>
<body>
<div>
hello world
</div>
</body>
//...
angular.directive('my-directive-name', require('my-directive-name'))
//...
<body></body>
<body>
<my-directive-name my-attribute='foo'>
</my-directive-name>
</body>
<body>
<div>
hello world
</div>
</body>
//...
angular.directive('my-directive-name', require('my-directive-name'))
//...
<body></body>
<body>
<my-directive-name my-attribute='foo'>
</my-directive-name>
</body>
<body>
<div>
hello world
</div>
</body>
你好，世界
$compile重复问题：在将元素添加到DOM之前，您需要确保先添加元素。下面是一个简单的示例，演示如何在angular代码之外使用$compile函数（通过setTimeout）添加到DOM
（函数（角度）{
angular.module（'myApp'，[]）
.指令（“myDirectiveName”，myDirectiveName）；
函数MyDirectiveName（）{
返回{
限制：'E'，
模板：“{myAttr}}作为我的属性的自定义指令”，
范围：{
myAttr:“@myAttribute”
}
};
}
//稍后再运行。
setTimeout（函数（）{
var appDiv=angular.element（document.getElementById（'app'）；
//让注入器编译
var$injector=appDiv.injector（）；
var$compile=$injector.get（“$compile”）；
//编译新元素
var barLink=$compile（angular.element（“”））；
var bazLink=$compile（angular.element（“”））；
//通过链接作用域来追加这两个元素
appDiv.append（条链接（appDiv.scope（））；
appDiv.append（bazLink（appDiv.scope（））；
}, 3000);
}（角度）；
ng ifng ifng showng repeat