自定义指令替换元素不起作用

Question

我有一个自定义指令，它生成一个带有验证错误的输入，最终在构建输入之后，这是我想知道的部分：

var html= template.get();
 element.html(html);
 $compile(element)(scope);

我还添加了指令对象，我认为这并没有什么不同，因为我在对象中没有模板，还是应该这样做？

replace:true 

但是指令元素 DOM 仍然存在，并且生成的输入被附加为一个孩子，你能帮我吗？

Answer 1

是的，replace 与 template/templateUrl 结合使用。

对于在link中动态检索的模板，使用

var html= template.get();
element.replaceWith($compile(html)(scope));

请注意，与replace 相比，明显的缺点是指令的属性不会被转换为模板元素，这必须手动完成。

Answer 2

它不起作用，因为您没有提供 template 参数并且您的链接功能是手动添加元素。删除链接功能并像这样添加模板参数，它将起作用。我已经更新了您的 fiddle，它也可以正常工作

app.directive('test',function($compile){
    return {
        restrict:'E',
        replace:true,
        template:'<input type="text" name="test">'
    }
});