Kantigt material är en UI-bibliotekskomponent utvecklad av Google 2014. Den är speciellt designad för AngularJS-utvecklare. Det hjälper till att utforma applikationen på ett strukturerat sätt. Dess komponenter hjälper till att konstruera attraktiva, konsekventa och funktionella webbsidor och webbapplikationer. Den används för att skapa en responsiv och snabbare webbplats.
Det lockar användare och får tillgång till de element eller komponenter som finns i vår applikation. Det hjälper också att designa våra applikationer med unika stilar och former.
Dessa komponenter gör applikationen eller webbplatsen mer konsekvent och designlyhörd. Den kombinerar de klassiska principerna för framgångsrik design med innovation och teknologi.
Google utvecklade Angular Material 2014. Då var det taggat till AngularJS för att göra applikationerna mer attraktiva och snabbare prestanda. Google skrev koden igen från början och tog bort JS , sedan namnet Angular Material i september 2016. UI/UX komponenter är kända som vinkelmaterial.
kartläggning i maskinskriven
Egenskaper hos vinkelmaterial
- Det är en inbyggd responsiv design.
- Angular Material har standard CSS.
- Den nya versionen av UI-komponenter som är knappar, kryssrutor , och textfält används för att följa Angular Material Design-koncept.
- Den har specialiserade funktioner som t.ex kort, verktygsfält, snabbval, sidnavigering, svep, sidnavigering , och mer.
- Det är en webbläsare för flera plattformar och den används för att skapa webbkomponenter.
Responsiv design
- Angular Material har en responsiv design så att dess hemsida kan passa i alla storlekar.
- Webbplatserna som skapats av Material är kompatibla med Android, iPhone, surfplattor , och bärbara datorer .
Utdragbar
- Det är lätt att lägga till nya CSS regler för att skriva över befintliga CSS
- Den stöder skuggor och färger.
- Färgerna och nyanserna är enhetliga i Angular Material.
- Angular Material är gratis att använda.
Hög kvalitet
- Angular Material-komponenter är tillgängliga för alla. Den är testad med många parametrar som säkerställer applikationens prestanda och tillförlitlighet.
- Den har enkla API:er med konsekvent plattformsoberoende beteende.
Mångsidig
- Den tillhandahåller verktyg som hjälper utvecklare att bygga sina anpassade komponenter med vanliga mönster.
- Det är anpassningsbart inom ramarna.
Friktionsfri
- Den byggdes av Angular-teamet för att integreras perfekt.
- Vi kan använda Angular Material för att designa en ny applikation från grunden eller i en befintlig applikation.
AngularJS vs. Angular
Angular Material-biblioteket är en stabil produkt som är redo att användas. Utvecklare bör notera det AngularJS Material fungerar med AngularJS 1.x . AngularJS 1.x är nu inne Långtidssupport (LTS) läge.
Angular Material and Component Dev Kit ( CDK ) bibliotek ( för Angular v2+ ) kommer att hittas i Vinklade komponenter GitHub-förråd.
Pågående utvecklingsinsatser fokuseras på tillgänglighet, prestanda mindre förbättringar och Bug fixar .
Den senaste materialdesignen
Den senaste uppdateringen av Material Design tillkännagavs på Google i maj, 2018 .
Långtidssupport
AngularJS Material har ingått i Långtidssupport (LTS) period som slutar den 31 december 2021 . Datumet är i linje med AngularJS LTS period.
Sedan fokuserar vi på att fixa buggen i 1.2.x gren av biblioteket, som uppfyller minst ett av kriterierna som anges nedan:
- Vi tar emot eller upptäcker en verifierad säkerhetssvaghetsrapport.
- En webbläsare släpper en version som kommer att stoppa nuvarande produktionsapplikationer från att fungera.
- jQuery-biblioteket släpper en version som förhindrar nuvarande produktionsapplikationer från att fungera.
AngularJS Material 1.1.x kommer att få en ny version om vi verifierar en ny säkerhetsbrist.
Webbläsarstöd
AngularJS Material stöder i allmänhet webbläsare som faller inom dessa kategorier:
- Mer än 0,5 % global användning
- Senaste två stora versionerna av Evergreen webbläsare
- Firefox ESR
- Anses inte som 'döda' webbläsare
Förutsättningar
Innan du går vidare med handledningen måste du ha grundläggande kunskaper om Angular JS, HTML, CSS, JavaScript, och Document Object Model (DOM) . Det hjälper också om du ser hur webbaserade applikationer fungerar.
algebra av mängder
Publik
Denna handledning är fördelaktig för nybörjare och proffs som vill lära sig grunderna i Angular Material och skapa responsiva webbplatser med engagerande komponenter. Handledningen förklarar huvudkoncepten för Angular Material.
Problem
Vi försäkrar att du inte kommer att hitta några problem i denna Java-handledning. Men om det är något misstag, vänligen posta problemet i kontaktformuläret.