[Kantig] Angular6 Material2 kapslar in varningsmeddelanderutan

Vinkelmaterial Material Design, kinesiskt namn: Material Design Language, är ett nytt designspråk lanserat av Google, som Google säger är utformat för att ge ett mer konsekvent och bredare "utseende och känsla" för mobiltelefoner, surfplattor, stationära datorer och "andra plattformar". Enligt Google baseras Material Design på "verklig touch, inspirerad av studiet av papper och bläck," och kan låta användare "förstå de visuella ledtrådar som används för att ersätta den verkliga världen" "utan att gå emot mekanikens principer". Dessutom är de grundläggande principerna ljus, yta och rörelse nyckeln till att representera hur objekt rör sig, interagerar och existerar i rummet i förhållande till varandra. Realistiska ljus- och skuggeffekter visar skarvarna mellan blocken, delar upp utrymmen och markerar rörliga delar. För en mer detaljerad introduktion, vänligen besök Materials officiella webbplatsInloggningen med hyperlänken är synlig.。 Angular Material är en uppsättning Angular2+ UI-ramverk som är perfekt implementerade av Angular-teamet baserat på Material-specifikationen, den officiella webbplatsadressen:Inloggningen med hyperlänken är synlig. Den här artikeln använder Angular Materials MatSnackBar-komponent för att kapsla in en varningsruta, låt oss först titta på renderingarna: Steg 1: Installera Inloggningen är synlig. Steg 2: Konfigurera animationen När animationspaketet är installerat, importera BrowserAnimationsModule till din applikation för att aktivera animationsstöd. app.module.ts import enligt följande: Inloggningen är synlig. Steg 3: Importera temat Att inkludera teman är nödvändigt för att tillämpa alla kärn- och temastilar i din applikation. För att komma igång med förbyggda teman, inkludera ett av de förbyggda teman för Angular Material globalt i din applikation. Om du använder Angular CLI kan du ställa in denTill styles.scss： Inloggningen är synlig. Om duEj användAngular CLI, då<link>kan passeraDina element innehåller förbyggda tematiska index.html. Steg 4: Börja kapsla in varningsrutan Mata in katalogen /app/services via cmd-kommandot cd, och du kan ändra katalogen enligt ditt eget projekt och köra Create Service-kommandot: Inloggningen är synlig. TS-koden är följande: Inloggningen är synlig. Steg 5: Konfigurera promptrutan i CSS-stil I projektetstyles.scssLängst ner i filen lägger du till följande stil, som kan ändras efter din faktiska situation! Koden är följande: Inloggningen är synlig. Steg 6: Använd varningsrutan Jag tar inloggningsgränssnittet som exempel och importerar det i login.module.tsVarningstjänstochMatSnackBarModuleKomponentmoduler, som följer: Inloggningen är synlig. Används i login.component.ts komponent är koden följande: Inloggningen är synlig. MatSnackBar-komponent-api-dokumentation:Inloggningen med hyperlänken är synlig. (Slut)

Tjog

Antal deltagare1	MB+1	bidra+1	Kollaps förnuft
kil	+ 1	+ 1	Det hjälpte mig mycket

Se alla betyg