#angularjs examples

5 Top AngularJS UI Frameworks

5 Top AngularJS UI Frameworks

These are some cool user interface frameworks which I think work well with AngularJS. They provide everything you need to bootstrap out your ng web application so that it “looks pretty” when it comes to your UI web components such as layout, forms, responsiveness, basic animations (some), icons, mobile support etc…

1. AngularSemantic

  AngularJS directives for…

10+ FREE AngularJS Templates | AngularJS 4U

10+ FREE AngularJS Templates | AngularJS 4U

One of the best features in Angularjs is two-way binding and so Angularjs provides us with it’s own HTML compiler for free and handlebar type syntax ie {{ user.name }} to include our data in ng-templates (as such). The template takes in data from the controller, model, directives, filters etc and produces the HTML markup which your users see in the…

Top 10 AngularJS Games (Built With Angular)

Top 10 AngularJS Games (Built With Angular)

In a bid to find more cool things built with AngularJS, I have turned to games. Here are some top games built with AngularJS. Some are classic games such as snake and minesweeper, the old games are the best!! Obviously they are all built (fully or partially) with angular in mind. I’ve included links to demos of the games so you can also have some fun…

Top 5 Maps and Geolocation AngularJS Modules

Top 5 Maps and Geolocation AngularJS Modules

Here is what we think are the Top 5 Maps and Geolocation AngularJS Modules.

1. Angular Google Maps by AngularUI angular-google-maps

AngularJS directives for the Google Maps Javascript API

GitHub

2. Angular Leaflet Directive by David Rubert angular-leaflet-directive

AngularJS directive to embed an interact with maps managed by Leaflet library

GitHub W…

Angularjs OrderBy and Bring Item to Top

Angularjs OrderBy and Bring Item to Top

I want an alphabetical list by username and the current user to be displayed at the top. This does the first part of ordering my array of objects alphabetically by username. Now to get the current user to display at the top we can do this in a custom filter. Match the current user object and move it to the top of the array.  ngHTML

</p> <div…

7+ Premium AngularJS Ionic Framework App Templates

7+ Premium AngularJS Ionic Framework App Templates

Due to my current fascination of Ionic and AngularJS 2, today I have collected some examples of app templates coded in Ionic framework and AngularJS. As you know AngularJS uses declarative programming to create user interfaces which is why it works so awesomely well with Ionic. Also AngularJS de-emphasizes explicit DOM manipulation which makes…

New Angular 2 Inline Editors / Text Editors

New Angular 2 Inline Editors / Text Editors

I’ve been thinking of switching to using inline editing with angular2 and did some research on different inline editing components, particularly ones which work well with bootstrap 2. The list of mostly demos and examples which as you know are super essential to “working out” what it does and how it’s put together so hopefully it will help get you up…

3 Angular 2/4 Button Examples

3 Angular 2/4 Button Examples

Ever wondered how to code some nice looking buttons using Angular 2? Here are some Angular 2/4 Button Examples to wet your appetite.

1. Angular 2 Button Examples Angular 2 Button Examples

Events in Angular 2 use the parentheses notation in templates, and trigger methods in a component’s class.

Demo

2. Angular 2 Material Buttons Examples – Official Angular 2…