Angular6中使用primeNG UI框架

2021-09-11 20:59:59 字數 902 閱讀 7584

第一步:使用ng new project

ng new primengproject

1第二步:可以執行一下是否成功

ng s

1第三步:安裝primeng

npm install primeng

1第四步:安裝font-awesome(乙個圖示字型庫和css框架 )

npm install font-awesome

1第五步:配置angular.json

"styles": [

"src/styles.css",

"node_modules/primeng/resources/themes/omega/theme.css",

"node_modules/primeng/resources/primeng.min.css",

"node_modules/font-awesome/css/font-awesome.css"],1

2345

6注意:如果angular版本在六以下,則是配置配置angular-cli.json,本質是一樣的,只是angular6將angular.json替代了angular-cli.json

import from '@angular/core';

import from 'primeng/primeng';

html:

ts:this.items = [

},],},]

}],}];123

4567

891011

1213

1415

1617

1819

2021

2223

2425

2627

2829

具體每個元件的使用去primeng官網檢視就好了

原文: 

angular6 表單驗證

按照官網執行 npm install g angular cli再執行ng serve open報錯 1.匯入formsmodule。2.把formsmodule新增到ngmodule裝飾器的imports列表中,這樣應用就能訪問模板驅動表單的所有特性,包括ngmodel。響應式表單 import ...

Angular6 前端搭建

本次開發使用angular6結合ng zorro完成前端的開發。本次組內的前端由我來搭建。本次搭建過程是在前輩的基礎上做的,所以有一些可以復用的功能為本次搭建節省了很多的時間,不過這個學習的過程還是很寶貴的。1 angular開發使用,目前實踐典型專案有itoo pc端 physical pc端。2...

angular6 模板引用

模板引用變數 var 模板引用變數通常用來引用模板中的某個 dom 元素,它還可以引用 angular 元件或指令或web component。使用井號 來宣告引用變數 phone placeholder phone number click callphone phone.value callbu...