[Angular] Angular6 Material2 zapouzdřuje okno upozornění na zprávu

Úhlový materiál Material Design, čínský název: Material Design Language, je nový designový jazyk uvedený společností Google, který Google uvádí, že má poskytovat konzistentnější a širší "vzhled a dojem" pro mobilní telefony, tablety, stolní počítače a "jiné platformy". Podle Googlu je Material Design založen na "skutečném dotyku, inspirovaném studiem papíru a inkoustu" a umožňuje uživatelům "pochopit vizuální podněty používané k nahrazení skutečného světa" "aniž by šel proti principům mechaniky". Kromě toho jsou základní principy světla, povrchu a pohybu klíčové pro zobrazení toho, jak se objekty pohybují, interagují a existují v prostoru ve vztahu k sobě navzájem. Realistické světelné a stínové efekty ukazují spoje mezi bloky, dělí prostory a označují pohyblivé části. Pro podrobnější úvod navštivte prosím oficiální webové stránky MaterialPřihlášení k hypertextovému odkazu je viditelné.。 Angular Material je sada UI frameworků Angular2+, které tým Angular dokonale implementoval na základě specifikace Material, oficiální webové adresy:Přihlášení k hypertextovému odkazu je viditelné. Tento článek využívá komponentu MatSnackBar od Angular Material k uzavření upozornění, nejprve se podívejme na rendery: Krok 1: Instalace Přihlášení je viditelné. Krok 2: Nastavte animaci Jakmile je balíček animací nainstalován, importujte BrowserAnimationsModule do své aplikace, abyste povolili podporu animací. app.module.ts význam následovně: Přihlášení je viditelné. Krok 3: Importujte téma Zahrnutí témat je nezbytné, abyste mohli aplikovat všechny základní a tematické styly na vaši přihlášku. Pro začátek s předpřipravenými tématy zahrňte do své aplikace jedno z předpřipravených témat Angular Material globálně. Pokud používáte Angular CLI, můžete si ho nastavitto styles.scss： Přihlášení je viditelné. PokudNepoužitoAngular CLI, pak<link>může projítVaše prvky obsahují předpřipravené tematické index.html. Krok 4: Začněte zapouzdřovat upozornění Zadejte adresář /app/services přes příkaz cd a můžete adresář upravit podle svého projektu a spustit příkaz Create Service: Přihlášení je viditelné. TS kód je následující: Přihlášení je viditelné. Krok 5: Nakonfigurujte prompt box ve stylu CSS V projektustyles.scssNa konci souboru přidejte následující styl, který lze upravit podle vaší skutečné situace! Kód je následující: Přihlášení je viditelné. Krok 6: Použijte varovnou skříňku Jako příklad beru přihlašovací rozhraní a importuji ho do login.module.tsVýstražná službaaMatSnackBarModulKomponentní moduly, a to následovně: Přihlášení je viditelné. Kód použitý v login.component.ts komponentě je následující: Přihlášení je viditelné. Dokumentace API komponent MatSnackBar:Přihlášení k hypertextovému odkazu je viditelné. (Konec)

Partitura

Počet účastníků1	MB+1	přispět+1	Zhroucení důvod
kil	+ 1	+ 1	Hodně mi to pomohlo

Zobrazit všechna hodnocení