Angular + .Net Core 2.0應用程序：CSS和JS導入

當我開始我的應用程序時，我一直在尋找一個漂亮的多選菜單，發現它的npm命令安裝後，我包含它的CSS文件查看/共享/ _Layout.cshtml。對於bootstrap-select.js，如果我將它導入到組件中，菜單將不起作用。所以我導入了整個東西Angular + .Net Core 2.0應用程序：CSS和JS導入

import 'bootstrap-select';

在bootbrowser.ts文件中，它的工作原理非常完美。

我打算爲我的應用程序使用其他這樣漂亮的插件，但我擔心是否這是導入的最佳做法，並且只包含這些文件，而您只打算在一個或兩個組件中使用它們。加載所有CSS和JS時，我的應用程序會變慢嗎？

我一直在想，是否有一個很好的理由避免使用jQuery以及bootstrap和angular？

來源

2017-10-12 iAziz

我認爲通常最好不要在您的應用程序中包含jQuery。這是一種混合框架，我認爲Angular更喜歡你不用像JQuery這樣的東西直接命中DOM。他們有一個更改檢測系統，可能不會與JQuery插件可能做的事情同步。

我認爲在構建應用程序時，大小總是需要考慮的事情。希望你可以看看懶加載。然後，只有當您輸入網站的這些部分時，纔會加載這些javascript和css文件。無論您是使用Jquery插件還是編寫自己的代碼，都可以考慮這一點。

我建議你看看Angular的第三方庫。我用了一點點NgPrime。他們有一個不錯的選擇，包括多選。它們也是以Angular構建的，因此包括它們只是包含一個角度組件。你可以在你使用它帶有標籤的角模板：

<p-multiSelect [options]="cities" [(ngModel)]="selectedCities"></p-multiSelect>

希望這有助於！

來源

2017-10-12 19:34:43 bgraham

NgPrime似乎很有希望！謝謝！當我通過NPM命令安裝時，安裝步驟很混亂。如果它已經存在於node_modules文件夾中，是否需要將CSS和JS文件包含到我的組件中？ – iAziz

他們的文檔有點混亂。我認爲他們正在談論兩種方法來做同樣的事情。希望您使用Angular cli來創建您的項目，並且應該很容易將NgPrime添加到您的供應商捆綁包中。他們的文檔https://www.primefaces.org/primeng/#/setup有一個名爲「Angular CLI集成」的部分。我會遵循這一點。添加font-awesome和ngprime到依賴關係。並選擇你喜歡的CSS樣式，並將其添加到你的樣式部分。兩者都應該在你的angular-cli.json文件中。然後你可以在你的任何角度文件中輸入ngprime的東西！ – bgraham

Angular + .Net Core 2.0應用程序：CSS和JS導入

回答

相關問題