Bossable.com - MEAN Stack: 23 - Modal Styling & AngularJS Form Validation

Опубликовано: 12 Март 2026
на канале: Bossable
6,567
23

Learn how to build a MEAN Stack (MongoDB, Express, AngularJS, NodeJS) app! Tutorial Step 23/30 - Modal Styling & AngularJS Form Validation.

Want to build scalable web apps quickly and easily? Check out the MEAN stack, a collection of technologies that fit together to provide a solution that allows for a full-stack JavaScript implementation of web applications.

If you like it, please share it!

---

This Video Tutorial:

In this video we'll make some final changes to our Update Customer Modal instance using Angular UI. We'll use the AngularJS data-model references and classes, as well as an introduction to Form validation with AngularJS.

This video is further explained over on the bossable.com site:
http://www.bossable.com/701/mean-stac...

We look at:
A recap of our Angular UI Customer Update Modal
Using the AngularJS curly brackets to display the name of customer in the Modal
Updating the refererence to the 'referred' data model
Updating the colour of the User glyphicon when the referred icon is checked using ng-class
Form validation by adding mandatory fields to our Modal
Adding a Form name to reference our Form from our Controller
Checking to see if a Form is valid from within our Controller
Disabling the Save & Close button when the Form is invalid

Thanks for viewing. I really appreciate any feedback you have.

Also check out my 30 Day MEAN Stack Challenge - videos on YouTube everyday for 30 days to create a MEAN.js App - videos are up on http://www.bossable.com

---

Playlist -    • 30 day MEAN STACK Honolulu CHALLENGE  

------
Subscribe: http://youtube.com/c/Bossable?sub_con...
Facebook:   / 1681997998694376  
Google+: https://www.google.com/+Bossable
Twitter:   / shristisharma_  
About & Contact: http://www.bossable.com/say-hello/