AngularJS Tutorial 2

preview_player
Показать описание


In this part of my AngularJS tutorial I'm going to cover Form Validation, Using $rootScope to share data between controllers, Controller Inheritance, Filters, Custom Filters and a whole lot more.
Thank you to Patreon supports like the following for helping me make this video

@kyleaisho
@thetwistedhat
Рекомендации по теме
Комментарии
Автор

Form Validation
00:35 Using function
07:04 ng-required ng-minlength
08:54 ng-show $error.required
09:59 $error.minlength
10:42 ng-pattern
12:14 $dirty $invalid
12:48 checkbox ng-true-value ng-false-value
13:53 select
14:52 submit ng-disabled

Controller Inheritance
19:40 $rootScope
25:52: Controller Inheritance

Filters
31:06 uppercase
32:15 lowercase
32:24 currency
33:43 orderBy
34:36 orderBy: '-'
34:47 number
35:58 date
37:15 limitto
38:31 custom filter

klauseValentine
Автор

you should win the honor "Derek Banas University of Computer Science". :)

AntikLee_HAMBURG
Автор

Tutorial is right to the point, focused. I am practicing all example given in angular js in your channel. Writing each one and trying out myself. Thanks for sharing them.
While trying out these examples in this video I noticed couple of items being overlooked
1. In app8 module search string 'studentName' was not referred any where. May be it was intended to use a text box with ng-model having 'stedentName' to filter by user input
2. While saying about filters (weatherFilter) in app8 module, speaker should have gone back to app8 module to refer how filters are added (linked) to module.

Thanks Derek for all the efforts, I sincerely appreciate it.

AllisWell
Автор

In 39:23 you add an extra '});' that breaks the code
you also forget to mention to inject the weather filter to the module in exam8.js file

שלוםוברכה-זכ
Автор

These are some of the best tutorials I have found on AngularJs! Thank you so much for these!

bryangrossman
Автор

This is just wonderful! Thank you very much, Derek. Thank you, all the people who support Derek on Patreon.

liebaskid
Автор

The best video series on angular till date! Thanks Derek 😊

Автор

To everyone trying to follow,
at 19:27, if you try to click on "Save" and it keeps refreshing and the list gets back to just one user. I spent almost 2 hours trying to figure it out and it turns out when you auto fill forms in visual studio code or any text editor for that matter and it gives you empty strings attribute there is a potential error. I DELETED THE EMPTY ACTION = "" attribute and it worked :(
FeelsBadMan

Thank you so much btw,
my savior Mr Banas

abdulrahmanayashyousef
Автор

Sorry if this has been covered already... but the custom filter only seems to work when it's part of the app8 module. If assigned just under angular.module ("weatherFilters") context, I get an dependency injection error thrown by angular. What am I missing here? Otherwise, *amazing* tutorials -- all of them! Thanks, Derek! Huge fan.

stevenstuart
Автор

Another great tutorial
Many thanks Derek

masoud
Автор

27:32 App 7

// Create an instance of the parent controller
 childCtrl.child = $controller('mainCtrl', {});

So why would he reference the parent controller as a child of the childCtrl? I am confused by this example.

xhawks
Автор

Good tutorial. One thing I dont understand, why do you have two controllers with the same name? Would this method work if the two controllers named differently?

mralextacy
Автор

this tutorial is very useful for me big thanks to derek,
one more thing in this tutorial the last practice of whether filter i got an error

vikaschauhan
Автор

You make it look easy... too easy. Thank you for the tutorial!

belmiris
Автор

This is just what I needed. I've been looking for good videos on form validation in Angular 1.x

adrianmobley
Автор

Hello Derek,
At 34:42, you mention 'studentName' as filter. Looks like you forgot to consider it as ng-model

qwe
Автор

At 40:00, why is the filter set up the way it is? Why do you have a function that returns the value of another function that returns a boolean? Why not have the first function return a boolean? I've tried this and couldn't get it to work, but the question is why? Great tutorials nonetheless, very informative!

JanneRoos
Автор

Amazing tutorial!
Will you please consider making tutorial for angular 2?

sachittandukar
Автор

Great tutorial as usual, I wish you can do another with advanced techniques and best practices, such as avoiding $scope soup, etc..

Thank you!

Klivdx
Автор

(sorry for my english haha, my primary language is spanish, im learning english)
OMG man i admire you know a lot of programming language omg... Look, i started in august of the last year the career of Software engineering in the university, im seeing yours C videos tutorials to get ready for the future classes because nowadays we are introducing to C and i am learning a lot with your videos man. A what age do you started programming? what language do you recommend me to start learning now apart of C? (i write some Python, SQL and HTML codes when i have free time, nothing special)
is Software engineering a good choose for work? if you can give me some advice for programming, Software engineering, the best ways to take in this carrer etc, i would really appreciate it THANK YOU A LOT MAN!!
Bless from Dominican Republic!!

ivanvalera