I created a new angular project with version 7.2 I have installed primeng using the command npm install primeng --save and also the icones of prime ng using the command npm install primeicones --save as mentionned in the official documentation . I have added the needed theme and css , and icon css in the angular.json file under the styles like below :
"architect": { "build": { "builder": "@angular-devkit/build-angular:browser", "options": { "outputPath": "dist/school-sys-management", "index": "src/index.html", "main": "src/main.ts", "polyfills": "src/polyfills.ts", "tsConfig": "tsconfig.app.json", "assets": ["src/favicon.ico", "src/assets"], "styles": [ "src/styles.css", "node_modules/primeicons/primeicons.css", "node_modules/primeng/resources/themes/lara-light-blue/theme.css", "node_modules/primeng/resources/primeng.css" ], "scripts": [] },
My problem is when testing a form ( for example this one from primeng website ) :
I'm getting this in my browser :
in my app Module i have import the needed module . can anyone please help ! , i'm getting crazy