第一步:使用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...