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元件
- 利用StoryBook開發UI元件管理UI元件
- 快速開發UI控制元件UI控制元件
- 為Angular 4開發的UI元件庫:FreeNGAngularUI元件
- 靈活使用Kendo UI 核心元件開發web應用資訊提示功能UI元件Web
- UI元件庫從0到1開發心得UI元件
- Vue高效UI元件庫—iView開發實踐VueUI元件View
- Android 介面(1):UI 開發控制元件AndroidUI控制元件
- 開發一個基於react & typescript 的npm ui元件包ReactTypeScriptNPMUI元件
- 如何開發一個基於 Vue 的 ui 元件庫(二)VueUI元件
- 如何開發一個基於 Vue 的 ui 元件庫(一)VueUI元件
- SAP 產品 UI 裡的容器元件的概念和開發概述UI元件
- 使用note++開發SAP WebClient UIWebclientUI
- 記一次element-ui元件開發經歷UI元件
- 開發也能構建UI元件設計規範UI元件
- 使用c# 開發 php的com元件C#PHP元件
- angular primeng 樹節點 tree預設保持展開Angular
- 在iOS中運用React Component的思路,效率更高的開發UI,更好的複用UI元件iOSReactUI元件
- Avalonia的UI元件UI元件
- SAP UI5 應用開發教程之五十六 - SAP UI5 樹控制元件(tree)的開發試讀版UI控制元件
- 論UI中控制元件的使用方法UI控制元件
- 優雅的使用 element-ui 中的 table 元件UI元件
- Vue-Donut——專用於構建Vue的UI元件庫的開發框架VueUI元件框架
- iOS開發UI中懶載入的使用方法iOSUI
- 是否使用TDD(測試驅動開發)進行UI開發UI
- HarmonyOS UI 開發UI
- 重要的ui元件——BehaviorUI元件
- 記一次元件化開發中使用ButterKnife的使用元件化
- 元件庫的開發元件
- 使用wepy開發微信小程式01——常用的元件微信小程式元件
- 基於VUE+TypeScript 一個快速開發的移動端UI元件庫VueTypeScriptUI元件
- 開源了!唱吧 UI 元件庫開源了!UI元件
- Laravel 中使用 Vue 元件化開發(配置)LaravelVue元件化
- 使用GitHub接受前端元件開發挑戰Github前端元件
- 使用C#開發COM+元件 (轉)C#元件
- web專案快速開發使用UI框架優勢WebUI框架
- SAP UI 和 Salesforce UI 開發漫談UISalesforce