使用Angular2將UI添加到現有站點

Question

通過將data-屬性添加到現有站點的標記中，我可以嵌入編寫客戶端代碼所需的元數據以向現有頁面添加功能，例如，調出詳細信息或編輯框或顯示相關信息。

看起來很簡單，使用jQuery與KnockoutJS和Bootstrap來實現這個功能，以獲得響應和良好的UI。

我可以使用Angular嗎？ 我不明白的是，在所有的Angular2示例中，整個站點都是Angular2 SPA，而我想向現有站點添加一些新的UI組件。

如果我可以使用Angular，那麼我將如何處理它？ Angular組件如何在頁面中引導？

Answer 1

您絕對可以在使用其他JavaScript框架或庫的Web應用程序中使用Angular。通常當你這樣做時，你使用Angular作爲主要框架。在Angular 2中，您的Angular應用程序以根組件開始，所以如果您將根組件插入到您的html頁面中的某個div，Angular系統將不會意識到根組件之外的事情（您可以通過解決方法實現該目標，但這不是一個好的做法）。

如果您想將某些東西轉換爲Angular，您可以將所有html代碼放入根組件中，然後將其緩慢轉換爲Angular方式（Angular組件）。