AngularWeb開發使用PrimeNG的UI元件
版權宣告:本文為博主原創文章,未經博主允許不得轉載。 https://blog.csdn.net/inforstack/article/details/78856190
PrimeNG官網:點選開啟連結
載入
PrimeNG在npm上可用,如果現有的應用程式執行以下命令將其下載到專案。
npm install primeng --save
Angular 4+動畫
各種元件利用angular動畫來改善使用者體驗,從Angular 4開始,動畫具有自己的模組,因此需要將BrowserAnimationsModule匯入到應用程式中。如果不想使用NoopAnimationsModule。
npm install @angular/animations --save
import {BrowserModule} from `@angular/platform-browser`;
import {BrowserAnimationsModule} from `@angular/platform-browser/animations`;
@NgModule({
imports: [
BrowserModule,
BrowserAnimationsModule,
//...
],
//...
})
export class YourAppModule { }
字型圖示
PrimeNG使用font-awesome作為字型圖示.
npm install font-awesome --save
載入樣式
修改src/styles.scss
@import "../node_modules/primeng/resources/primeng.min.css";
@import "../node_modules/primeng/resources/themes/omega/theme.css";
@import "../node_modules/font-awesome/css/font-awesome.min.css";
相關文章
- React UI元件開發心得ReactUI元件
- 如何開發React UI元件庫ReactUI元件
- UI元件庫從0到1開發心得UI元件
- 如何開發一個基於 Vue 的 ui 元件庫(一)VueUI元件
- 如何開發一個基於 Vue 的 ui 元件庫(二)VueUI元件
- 開發一個基於react & typescript 的npm ui元件包ReactTypeScriptNPMUI元件
- SAP 產品 UI 裡的容器元件的概念和開發概述UI元件
- 在iOS中運用React Component的思路,效率更高的開發UI,更好的複用UI元件iOSReactUI元件
- 使用note++開發SAP WebClient UIWebclientUI
- 使用c# 開發 php的com元件C#PHP元件
- 開發也能構建UI元件設計規範UI元件
- 記一次element-ui元件開發經歷UI元件
- Avalonia的UI元件UI元件
- angular primeng 樹節點 tree預設保持展開Angular
- SAP UI5 應用開發教程之五十六 - SAP UI5 樹控制元件(tree)的開發試讀版UI控制元件
- Vue-Donut——專用於構建Vue的UI元件庫的開發框架VueUI元件框架
- 重要的ui元件——BehaviorUI元件
- 記一次元件化開發中使用ButterKnife的使用元件化
- 基於VUE+TypeScript 一個快速開發的移動端UI元件庫VueTypeScriptUI元件
- 元件庫的開發元件
- HarmonyOS UI 開發UI
- 開源了!唱吧 UI 元件庫開源了!UI元件
- 使用wepy開發微信小程式01——常用的元件微信小程式元件
- iOS 使用UI控制元件的外觀協議UIAppearance進行設定預設UI控制元件樣式iOSUI控制元件協議APP
- SAP UI5 裡的 Busy Dialog 控制元件使用概述UI控制元件
- SAP UI5 裡的 Busy Indicator 控制元件使用概述UIIndicator控制元件
- 修改元件內的引用的element UI元件樣式,使用深度作用選擇器 /deep/元件UI
- iOS的元件化開發iOS元件化
- 元件化開發的思考元件化
- SAP UI 和 Salesforce UI 開發漫談UISalesforce
- angular自定義元件-UI元件篇-switch元件Angular元件UI
- 聊聊前端 UI 元件:元件設計前端UI元件
- 聊聊前端 UI 元件:元件體系前端UI元件
- vue相關的UI元件庫VueUI元件
- 最近封裝的table ui元件封裝UI元件
- iOS 元件化開發(一):遠端私有庫的基本使用iOS元件化
- SAP UI5 應用開發教程之六十二 - 基於 OData V4 的 SAP UI5 表格控制元件使用方法介紹UI控制元件
- SAP CRM WebClient UI和Hybris backoffice UI開發的相同點WebclientUI
- iOS開發UI篇--仿射變(CGAffineTransform)使用小結iOSUIORM