Readdy Write

Angular Mat-Spinner is not Showing, not Working, not Visible

28.01.2021 (👁6192)

Angular Mat-Spinner is not showing

 

Problem:

Angular Material Spinner wird nicht angezeigt. Der Kreis ist nicht sichtbar und bleibt verdeckt.

Angular Progress Spinner funktioniert nicht

 

Lösung:

Man muss Angular Material mit ng add installieren ! in Visual Code -> PowerShell Terminal

ng add @angular/material

 

 

Installation in VS Code->Terminal

PS D:\Programmierung\Angular\Demo\Demo-Spinner> ng add @angular/material

Installing packages for tooling via npm.

Installed packages for tooling via npm.

? Choose a prebuilt theme name, or "custom" for a custom theme: Indigo/Pink

       [ Preview: https://material.angular.io?theme=indigo-pink ]

 

? Set up global Angular Material typography styles? No

? Set up browser animations for Angular Material? Yes

 

UPDATE package.json (1319 bytes)

√ Packages installed successfully.

UPDATE src/app/app.module.ts (628 bytes)

UPDATE angular.json (3747 bytes)

UPDATE src/index.html (556 bytes)

UPDATE src/styles.css (181 bytes)

PS D:\Programmierung\Angular\Demo\Demo-Spinner> ng serve

Ursache:

Angular Material wurde mit npm install installiert. Das ist leider falsch, obwohl ng add sicher das gleiche macht

Wrong installation:

npm install -save @angular/cdk @angular/material

 


0,00 €