|
#REDIRECT [[Angular (web framework)#Angular Material]]
{{short description|Web application framework}}
{{About|Angular|AngularJS 1.x|AngularJS}}
{{Infobox software
| name = Angular Material
| logo =
| logo_size =
| developer = [[Google]]
| released =
| latest release version = 8.1.3
| latest release date =
| latest preview version =
| latest preview date =
| repo = https://github.com/angular/material
| programming language = [[TypeScript]]
| platform = [[Web platform]]
| genre = [[Web framework]]
| license = [[MIT License]]
| website = {{url|https://material.angular.io/}}
| status = Active
}}
'''Angular''' '''Material''' is a [[User interface|UI]] component library for [[AngularJS]].<ref name=":0">{{Cite web|url=https://material.angular.io/guide/getting-started|title=Angular Material|website=material.angular.io|access-date=2019-08-21}}</ref><ref name=":1">{{Cite book|url=https://books.google.co.uk/books?id=3gvpDAAAQBAJ|title=Material Design Implementation with AngularJS: UI Component Framework|last=Kotaru|first=V. Keerti|date=2016-08-25|publisher=Apress|year=|isbn=9781484221907|___location=|pages=4|language=en}}</ref><ref>{{Cite book|url=https://books.google.co.uk/books?id=WMxPDwAAQBAJ|title=Learning Angular: A no-nonsense guide to building real-world apps with Angular 5|last=Noring|first=Christoffer|last2=Deeleman|first2=Pablo|date=2017-12-08|publisher=Packt Publishing Ltd|year=|isbn=9781787125940|___location=|pages=315|language=en}}</ref><ref>{{Cite book|url=https://books.google.co.uk/books?id=xdyZDwAAQBAJ|title=Progressive Web Apps with Angular: Create Responsive, Fast and Reliable PWAs Using Angular|last=Hajian|first=Majid|date=2019-05-22|publisher=Apress|year=|isbn=9781484244487|___location=|pages=30|language=en}}</ref><ref>{{Cite book|url=https://books.google.co.uk/books?id=qnc5DwAAQBAJ|title=Building Modern Web Applications Using Angular|last=Kasagoni|first=Shravan Kumar|date=2017-05-29|publisher=Packt Publishing Ltd|year=|isbn=9781785880032|___location=|pages=173|language=en}}</ref><ref>{{Cite book|url=https://books.google.co.uk/books?id=IDtNDwAAQBAJ|title=Angular 5 Projects: Learn to Build Single Page Web Applications Using 70+ Projects|last=Clow|first=Mark|date=2018-02-20|publisher=Apress|year=|isbn=9781484232798|___location=|pages=245|language=en}}</ref>
== Features ==
Following features are mentioned in the official website:
* Sprint from Zero to App
* Fast and Consistent
* Versatile
* Optimized for Angular<ref name=":0" />
== Advantages ==
Some advantages of Angular Material are:
* Routing
* Karma for Unit Testing
* DI
* Services and factories
* Data binding.<ref name=":1" />
== Example ==
Sample code may look like as follows:<source lang="html">
<mat-form-field>
<input type="text" matInput [formControl]="myControl" [matAutocomplete]="auto">
</mat-form-field>
<mat-autocomplete #auto="matAutocomplete">
<mat-option *ngFor="let option of options" [value]="option">{{option}}</mat-option>
</mat-autocomplete>
</source><ref>{{Cite web|url=https://material.angular.io/components/autocomplete/overview|title=Angular Material|website=material.angular.io|access-date=2019-08-21}}</ref>
== See also ==
{{Portal|Free and open-source software}}
* [[AngularJS]]
* [[React (JavaScript library)|React.js]]
* [[Vue.js]]
* [[Comparison of JavaScript frameworks]]
== References ==
{{Reflist}}
== External links ==
* [https://material.angular.io/ Official website]
{{Rich Internet applications}}
{{Application frameworks}}
{{ECMAScript}}
{{NodeJs}}
[[Category:Google software]]
[[Category:Rich Internet application frameworks]]
[[Category:Software using the MIT license]]
[[Category:Ajax (programming)]]
| 