Javascript 角度Js中transclude:true和replace:true的基本区别

嘿，我是angular js的新手，所以我正在浏览angular js.org文档来制作一个自定义指令。我想知道transclude和replace之间的基本区别。 我见过几个例子，其中他们在自定义指令中使用了transclude:true和replace:true

---

抱歉，如果这是js中的一个基本问题。只是让我的基本知识更清楚。

当您使用transclude时，您将在页面上的自定义标记中包含任何可用的html。例如，如果您有：

<person><p>some text</p></person>

一些文本

段落标记将包含在您具有以下内容的位置：

template: '<div ng-transclude></div>',

模板：“”，

因此，页面的输出将为：

<div><p>some text</p></div>

一些文本

replace:true表示模板中的输出完全替换页面上的html。因此，您将不再看到标记（例如，如果您查看html源代码）。如果不使用repace:true，屏幕上看到的内容是相同的，但是如果查看html输出，您将看到关于您自己的标记的信息

如果没有替换，html输出将如下所示：

<person class="ng-isolate-scope"><div ng-transclude=""><p class="ng-scope">some text</p></div></person>

<div ng-transclude="" class="ng-isolate-scope"><p class="ng-scope">some text</p></div>

一些文本

使用replace时，html输出将如下所示：

<person class="ng-isolate-scope"><div ng-transclude=""><p class="ng-scope">some text</p></div></person>

<div ng-transclude="" class="ng-isolate-scope"><p class="ng-scope">some text</p></div>

一些文本

你能至少添加一个这样的例子吗？@Pavlo:我指的是这个链接：