Bossable.com - MEAN Stack: 18 - Customer Search using AngularJS Filters
Learn how to build a MEAN Stack (MongoDB, Express, AngularJS, NodeJS) app! Tutorial Step 18/30 - Customer Search using AngularJS Filters.
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 add a search input and new customer button to our List Customers Page. We'll also use AngularJS Filters to connect our search input to our list of customers, to let us filter through our list of customers.
This video is further explained over on the bossable.com site:
http://www.bossable.com/672/mean-stac...
We look at:
Continuing to set up the List Customers Page
Determining the grid layout for mobile vs. larger devices
Using col-xs and col-sm to change grid sizes based on device size
Finding and using Bootstrap classes for input-groups for our search bar
Adjusting the size of input-groups and buttons to align to the wireframe
Connecting the search input to the list of customers
Finding Angular Filter documentation on the AngularJS website
Using Angular Filter syntax to add filtering functionality to our app
Adding place-holder text to our Search input
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/