Welcome to Angular 4U - Get free Tips, Demos, Tutorials and More!
Here at Angular 4U we aim to bring you everything you need for your Angular JS development. We have information and reviews on NPM modules, TypeScript components and more.
We also have a section on Angular 2 or Angular 4 for those wanting the latest advice and tips on the latest version of Angular JS. You can also view our demos and tutorials sections for those looking for practical advice and examples on Angular JS. Other sections include our Tools & Resources section and also the Premium section which has information on premium plugins for Angular.
-
-
5
Top 5 AngularJS Pagination Demos (2014)
Here are some cool AngularJS pagination demos which I found well with web apps. These are what I think are the top ones that I could find out there, but If you know of any… -
-
Bootstrap image thumnail active border fail
I’m using Angular UI Bootstrap and having this issue when the page loads the image thumnails appear active and have a dark border (black) instead of the specified light gray. It’s only when you hover… -
Angularjs repeat do every 2nd time
So I wanted to do something in AngularJS for every 2nd item in my ng-repeat. I’m using Bootstrap’s rows and columns so I wanted to get some padding in between them without using an offset.… -
7
My Top 3 AngularJS UI Frameworks
Here are some cool UI frameworks I found which work well with AngularJS. These are what I think are the top ones of what I could find out there. If you know of any more… -
1
Sanitize & Encrypt Password Login with AngularJS
I want to sanitize my login form input and encrypt passwords to avoid script injections. Info: is a service provided by AngularJS that can be used to protect against injection attacks when you inject HTML… -
AngularJS bring drop down items to the beginning
I have a drop down select box which displays a list of countries for the user to choose from. It’s common practice these days to have the most frequently selected countries listed at the top… -
-
2
Angularjs Bootstrap UI Drop Down Demo
I made a quick bootstrap ui demo of a select box drop down menu using AngularJS, Angular UI and Bootstrap. It loads the data for the select box from an external JSON file (on the… -
4
AngularJS clear input not working on data change
Problem: I simply want the value to be cleared from the input. Solution: There is a workaround below. I have this input and it is bound to a model which is held within the controller… -
AngularJS add to a list with last comma removed
AngularJS add to a list with last comma removed basic example. OR Easy as that! -
AngularJS stop flickering of your Templates {{ on load }}
Don’t you hate it when the page flickers when it’s loading?!? Of course you can implement a loading screen or image but there is an easier way with AngularJS. You can use ng-cloak class to… -
2
Integrating Bootstrap UI with AngularJS in 2mins
Very quick tutorial on how to integrate Bootstrap UI with AngularJS in a just few minutes. I’ve added some notes to answer common questions which you might be thinking when your installing and trying to… -
1
Angularjs basic footer directive example
So you want to add a footer to your angular SPA app? So it is best to go about it? Maybe add it directly into the main page template, maybe include it as a partial… -
1
Helper functions using Angularjs custom filters
A better approach to helper functions using Angularjs custom filters A better approach which I think is better programming is to use a custom filter like this: tofilename_filter.js Then in your template you would call… -
Angularjs directives choose restrict “A” instead of “E”
So in AngularJS do you choose “A” or “E”? Attribute or element in a directive? Let’s have a look. Element Example. Attribute Example. Attribute Example 2 So which one do you choose? and more importantly,… -
1
AngularJS – Include Basic Helper Functions
I want to include helper functions in my AngularJS application. I was wondering, How can I do this using a util sort of behavior? Does it get injected into my controllers? Is it going to… -
-
AngularJS Full-stack Web App Demo
AngularJS Full-stack Web App Demo which uses Yeoman as the generator. Uses Yeoman generator: https://github.com/DaftMonk/generator-angular-fullstack Demo: https://fullstack-demo.herokuapp.com/ Source: https://github.com/DaftMonk/fullstack-demo Features AngularJS Service, Models, Controllers GruntJS Node.js MongoDB ExpressJS Nice little demo thanks DaftMonk! -
Angularjs routeprovider vs stateprovider
What is the difference between angularjs $routeprovider and angularjs $stateprovider. I’ve seen both used and wondered which one to choose? ie stateProvider ie routeprovider We started with $routeProvider and moved to $stateProvider to leverage some… -
AngularJS Simple Partial Include Directive
AngularJS Simple Partial Include Directive. Use this code to help you reuse your partial templates inside other templates. You can have optional switching of views also if you wanted. Sorry no demo at the moment.… -
3 ways in Angularjs templates to ng-repeat max 10
3 ways in Angularjs templates to ng-repeat max 10 – output only 10 items in ng-repeat. Way 1 Way 2 Way 3 refs: https://stackoverflow.com/questions/14198017/iteration-ng-repeat-only-x-times-in-angularjs -
3
Angularjs template x divs per row
Angularjs template x divs per row – I want my angular template to output a html fragment every 2rd time on ng-repeat. “Angularjs repeat output every 3rd time using bootstrap or such” This outputs every…