Angular 10 Materialkartenbeispiel

Blog

Hier zeige ich Ihnen, wie Sie ein Beispiel für eine eckige 10-Materialkarte verwenden. Wenn Sie ein Beispiel für eckiges 10 mattes Kartenmaterial sehen möchten, sind Sie hier richtig. Schritt für Schritt erklären eckiges 10 Matten-Kartenbeispiel. Ich möchte Ihnen Mattenkarte eckig 10 Materialbeispiele zeigen.



Angular Material bietet eine breite Palette von Webkomponenten, die sehr einfach in Angular-Anwendungen implementiert und verwendet werden können, um Karten, Abzeichen, Formulare, Schritte, Menüs usw Materialkarte.






Das ist der Bildtitel



Apps, um Reinigungskräfte zu finden

Neue App erstellen



Wenn Sie ein Beispiel von Grund auf neu erstellen, können Sie Ihre eckige App ganz einfach mit dem folgenden Befehl erstellen:






ng new newMat

Materialdesign hinzufügen

Jetzt müssen wir in diesem Schritt nur das Materialdesign-Thema in unserer Winkelanwendung installieren. Also fügen wir wie folgt hinzu:

Direkteinzahlungs-Cash-App
ng add @angular/material

Cmd wie unten:

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? Yes ? Set up browser animations for Angular Material? Yes

Materialkartenmodul importieren

Hier importieren wir einfach die Module MatCardModule, MatButtonModule und BrowserAnimationsModule, um ein sehr einfaches Beispiel zu erstellen. Lassen Sie uns die Datei module.ts importieren.

src/app/app.module.ts

import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppComponent } from './app.component'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import {MatCardModule} from '@angular/material/card'; import {MatButtonModule} from '@angular/material/button'; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, BrowserAnimationsModule, MatCardModule, MatButtonModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }

#eckig #javascript #web-entwicklung

www.itsolutionstuff.com

Angular 10 Materialkartenbeispiel

Ich zeige Ihnen, wie man Angular 10 Materialkartenbeispiel funktioniert. Wenn Sie ein Beispiel für Angular 10 mattes Kartenmaterial sehen möchten, sind Sie hier richtig. Schritt für Schritt erklären Sie das Angular 10 Mattenkartenbeispiel. Ich möchte Ihnen Mattenkarte Angular 10 Materialbeispiele zeigen.