javascript - 我如何在 angularjs 中使用嵌入？

Question

在 John Lindquist 教程中，嵌入用于从指令中获取一些内容并将其放在所需的位置。

但是文档讨论了 translude 函数并将其传递给 Controller ​​和编译函数。那么，什么是嵌入以及如何使用它？

Answer 1

创建基本指令时，嵌入很容易:

module.directive( 'myTransDir', function () {
  return {
    transclude: true,
    scope: true,
    replace: true,
    template: '<div><h1>Hello!</h1><div ng-transclude></div></div>',
  };
});

因为模板包含 ngTransclude 指令，它会自动为我嵌入内容。如果我这样使用它:

<div my-trans-dir>
  <p>Some Content</p>
</div>

生成的 HTML 将是:

<div>
  <h1>Hello!</h1>
  <div>
    <p>Some Content</p>
  </div>
</div>