[{"_1":2,"_46":-5,"_47":-5},"loaderData",{"_3":4,"_14":15,"_44":-5,"_45":-5},"root",{"_5":-5,"_6":-5,"_7":-5,"_8":9,"_10":11},"user","shoppingCartId","toast","locale","en","constants",{"_12":13},"paypalClientId","AenrHU49peF-ZUH-Yq7AXLLNZYGUGlml474U16NCjB4ZznmQCEjiliN3whyuVZmkb7VxEzmTALgtKEKE","routes/_store+/_readers+/email_author.$slug/route",{"_16":17,"_43":-5},"book",{"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29},"id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvNTI4ODI","title","Angular Material Fundamentals - Mat-Slider","state","published","contactAuthorMethod","email","aboutText","

Welcome to the latest edition in the Angular Material Fundamentals series of short books (what I'm calling Shooks). In this edition, we cover the Angular Material Slider component and learn about the various methods, properties and directives that this component has.

At the end of this book, you will have a solid understanding of the Mat-Slider component.

In this book we cover the following topics:

Version 14

ThumbLabel and Formating
Min and Max
Orientation
Invert
Step
Tickmarks
Colour
Disabled
Change events

Whilst writing this short book, Angular Material version 15 was released, I upgraded the sample project that accompanies this book and found that the Angular Material Team had updated Angular Material with the Material Design Components. For the most part, only styling and a few API changes have been made, with the exception of the Mat-Slider, this component has been rewritten and so I was able to include those changes to the component in this book.

Version 15

Slider
Range - (new functionality!)
Discrete
Showtick marks
Displaywith
ValueText
Min/Max
Changes to the API

This has been a fun journey and I hope you also enjoy it and find it useful.

","authors",[30],{"_18":31,"_32":33,"_5":34},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci81NTgzMw","name","info@e-ips.com",{"_35":36},"avatar",{"_37":38,"_39":40,"_41":42},"url","https://d308did4coypzi.cloudfront.net/avatars/1223488/medium/duncanfaulkner.png?1654725953","styleName","medium","exists",true,"currentUser","routes/_store+/_layout","routes/_store+/_readers+/_layout","actionData","errors"]

Email the Author