在角度2

Question

在我的项目中，我使用不同的模态进行编辑，添加。我想重复使用Modal所以我不需要一直重写它。我怎么做？什么是重用模型的最佳方法。谁能举个例子？我检查了其他问题，但我无法正确理解它们。因为我是棱角分明的新人。任何帮助将非常感激。

Answer 1

解决这个问题的最佳方法是创建一个模态组件。 这个组件应该有一个模板，它只是模态代码，允许将内容传递给组件的每个实例。

如果您不熟悉角度，可能会在https://angular.io/上关注一些教程，因为有些概念会让人感到困惑。另外https://angular.io/guide/component-interaction有关于如何执行此操作的更多信息

您的组件可以定义为：

std::numeric_limits<size_t>::max()

然后在dialog.html中：

@Component({
  selector: 'my-dialog',
  templateUrl: './dialog.html'
 })

<div #container> <ng-content></ng-content> </div> 代表您的对话框代码，在您的对话框中是指令#container告诉angular将您在组件实例中使用的任何内容放在那里。然后，您将按如下方式使用该对话框：

<ng-content>