Angular 2中的多個UI組件庫

我是Angular 2+的新手。來自Angular resource page瞭解了不同的UI組件庫。是否可以使用多個UI組件庫來更好地查看UI，例如一個用於數據網格的UI，另一個用於側邊菜單？那麼怎麼做呢？Angular 2中的多個UI組件庫

2017-07-20 SamCodes

確實有可能，但不推薦。

您應該考慮使用一個獨特的UI組件庫有兩個原因：

設計模式可能會發生衝突從一個庫到另一個。
通常不建議使用兩個不同的UI組件庫，因爲它們可能會產生衝突（例如，Bootstrap 4可能與Angular Material 2衝突，因爲引導程序使用基於CSS顯示錶的網格系統，而Angular Material使用顯示flex，如果我記得）。

如果您真的希望這樣做，那麼您應該簡單地嘗試通過每個UI組件的「入門」或安裝過程，並根據需要使用它們。

2017-07-20 09:21:36 Christopher

如果我們用角材料日期選擇器，我們將使用選擇：如果我們用NG-引導爲同一它將是：那麼，如何在混亂髮生在哪裏？ – SamCodes

每個庫的設計都考慮了獨立功能，例如，您可能無法將Angular Material 2（'md-card'）中的'card'元素與'ng-bootstrap'中的''元素混合使用。但它也可能會導致您的設計出現問題。 – Christopher

主要的衝突是與主題/風格相關的，例如，不同ui庫中的按鈕可能會有很大的不同。

2017-07-20 11:17:53 jackjoy

這是可能的，但建議堅持一個UI庫。

給你舉個例子，這裏有2個UI庫。 Angular Material和ngx-bootstrap（有關如何將它添加到您的項目，請訪問他們的官方網頁）

比方說，我想從角材料使用md-card。我的模板看起來像這樣

<md-card> 
I'm from angular material. 
</md-card>

現在我想從bootstrap中使用datepicker。我只需將其插入這樣

<md-card> 
I'm from angular material. 
    <datepicker [(ngModel)]="dt"></datepicker> 
</md-card>

您現在有兩種不同的UI庫，但你可以想像，設計可能不是desireable。

2017-07-20 11:35:15 brijmcq

回答