在角度2中重複使用模態的最佳方式

Question

在我的項目中，我使用不同的模態編輯，添加。我想重複使用Modal所以我不需要一直重寫它。我怎麼做？什麼是重用模型的最佳方式。任何人都可以給我一個例子嗎？我查了其他問題，但我無法正確理解它們。因爲我對角度很陌生。任何幫助將非常感激。

Answer 1

解決這個問題的最好方法是創建一個模態組件。 該組件應該有一個模板，它只是模態代碼，允許將內容傳遞給組件的每個實例。

如果您對角度不熟悉，可能需要遵循https://angular.io/的一些教程，因爲有些概念會引起混淆。此外https://angular.io/guide/component-interaction對如何做到這一點

您的組件的詳細信息可以有一個定義：

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

然後在dialog.html：

<div #container> 
    <ng-content></ng-content> 
</div> 

#container代表你的對話框代碼，並在你的對話框是指令<ng-content>告訴角度來放置你在組件實例中使用的任何內容。然後，您將使用如下對話框：

<my-dialog> 
    <p>this content will appear in the dialog</p> 
</my-dialog>