AngularJS：如何将指令插入模板？

我正在尝试编写一个通用的确认屏幕。我想跨各种不同的实体重用它。每个实体都有一个用于将其呈现到屏幕的不同指令

有没有一种方法可以编写一个带有“指令形孔”（

mydirective

）的模板，我可以用编程的方式填充它

<div>
  Are you sure you want to blah?
  <directive-from-scope value-from-scope="theValue" params-from-scope="theParams" />
</div>

你确定你想说什么？

我使用内置的ng include指令解决它

假设您有一些带有getTemplateUrl（）函数的指令。您可以将任何登录放入此函数，但它基本上应该返回一个带有模板URL的字符串

然后，您可以在指令模板中执行下一项操作

<div ng-include="directiveCtrl.getTemplateUrl()"></div>

您使用的标记并不重要，它可以是任何HTML标记，只需选择一个更适合您的标记即可

---

现在，在每个模板中，您可以拥有您想要的任何内容：指令、带有一些控制器的HTML等等。

我使用内置的ng include指令来解决它

假设您有一些带有getTemplateUrl（）函数的指令。您可以将任何登录放入此函数，但它基本上应该返回一个带有模板URL的字符串

然后，您可以在指令模板中执行下一项操作

<div ng-include="directiveCtrl.getTemplateUrl()"></div>

您使用的标记并不重要，它可以是任何HTML标记，只需选择一个更适合您的标记即可

---

现在，在每个模板中，您可以拥有您想要的任何内容：指令、带有控制器的HTML等等。

您可以使用以下内容创建指令：

angular.module（'app'，[]）.directive（'myDirective'，function（）{
返回{
限制：'E'，
是的，
模板：`
你确定你想说什么？
`
};
}).controller（'ctrl'，函数（$scope）{
$scope.log=console.log；
$scope.title='Simple title'；
});
.borders{
边框样式：实心；
边框宽度：1px 1px 1px；
}


首先
第二

{{title}}
您可以使用以下命令创建指令：


angular.module（'app'，[]）.directive（'myDirective'，function（）{
返回{
限制：'E'，
是的，
模板：`
你确定你想说什么？
`
};
}).controller（'ctrl'，函数（$scope）{
$scope.log=console.log；
$scope.title='Simple title'；
});
.borders{
边框样式：实心；
边框宽度：1px 1px 1px；
}


首先
第二

{{title}}
请举例说明您希望如何编写一个确认屏幕指令，作为其他指令的容器。然后，在要使用确认屏幕的位置导入容器指令。@Incpetor：这听起来正是我想要的，但实际上是如何实现的？请举例说明您希望它如何实现，正如前面提到的那样。不确定这有多大帮助：/请举例说明您希望如何编写一个用于确认屏幕的指令，作为其他指令的容器。然后，在要使用确认屏幕的位置导入容器指令。@Incpetor：这听起来正是我想要的，但实际上是如何实现的？请举例说明您希望它如何实现，正如前面提到的那样。不确定这有多大帮助：/