[Angular] Angular6 Material2 zajema okno za opozorilno sporočilo.

Kotni material Material Design, kitajsko ime: Material Design Language, je nov oblikovalski jezik, ki ga je predstavil Google, za katerega Google trdi, da je zasnovan za zagotavljanje bolj doslednega in širšega "videza in občutka" za mobilne telefone, tablice, namizne računalnike in "druge platforme". Po Googlovih podatkih je Material Design osnovan na "resničnem dotiku, navdihnjenem s študijem papirja in črnila," in uporabnikom omogoča, da "razumejo vizualne namige, ki zamenjajo resnični svet" "brez nasprotovanja načelom mehanike". Poleg tega so osnovna načela svetlobe, površine in gibanja ključna za prikaz, kako se predmeti premikajo, medsebojno delujejo in obstajajo v prostoru v odnosu drug do drugega. Realistični svetlobni in senčni učinki prikazujejo spoje med bloki, razdeljujejo prostore in označujejo gibljive dele. Za podrobnejši uvod obiščite uradno spletno stran MaterialPrijava do hiperpovezave je vidna.。 Angular Material je nabor Angular2+ UI ogrodij, ki jih je ekipa Angular popolnoma implementirala na podlagi specifikacije Material, uradnega naslova spletne strani:Prijava do hiperpovezave je vidna. Ta članek uporablja komponento MatSnackBar podjetja Angular Material za zajemanje opozorilnega okna, najprej si poglejmo upodobitve: Korak 1: Namestitev Prijava je vidna. Korak 2: Nastavite animacijo Ko je animacijski paket nameščen, uvozite BrowserAnimationsModule v svojo aplikacijo, da omogočite podporo za animacijo. app.module.ts pomen takole: Prijava je vidna. Korak 3: Uvozite temo Vključitev tem je nujna, da lahko uporabite vse osnovne in tematske stile v svoji aplikaciji. Za začetek s predpripravljenimi temami vključite eno od vnaprej pripravljenih tem Angular Material globalno v svojo aplikacijo. Če uporabljaš Angular CLI, ga lahko nastavišdo styles.scss： Prijava je vidna. Če tiNi uporabljenoAngularni CLI, potem<link>lahko prehajaVaši elementi vsebujejo vnaprej pripravljene tematske index.html. Korak 4: Začnite kapsulirati opozorilno škatlo Vnesite mapo /app/services preko ukaza cdd in lahko mapo prilagodite glede na svoj projekt ter izvedete ukaz Create Service: Prijava je vidna. TS koda je naslednja: Prijava je vidna. Korak 5: Konfigurirajte okno za pozive v slogu CSS V projektustyles.scssNa dnu datoteke dodajte naslednji slog, ki ga lahko prilagodite glede na svojo dejansko situacijo! Koda je naslednja: Prijava je vidna. Korak 6: Uporabite opozorilno polje Kot primer vzamem prijavni vmesnik in ga uvozim v login.module.tsOpozorilna službainMatSnackBarModulSestavni moduli, kot sledijo: Prijava je vidna. V login.component.ts komponenti je koda naslednja: Prijava je vidna. Dokumentacija za API komponent MatSnackBar:Prijava do hiperpovezave je vidna. (Konec)

Partitura

Število udeležencev1	MB+1	prispevati+1	Propad razlog
kil	+ 1	+ 1	Meni je zelo pomagalo

Oglejte si vse ocene