New Toronto Group

AngularJS

Styling  AngularJS UI Bootstrap Tabs - New Toronto Group

Styling AngularJS UI Bootstrap Tabs

| February 09th, 2016 by Chad Upton

To keep this example familiar, I modified (and simplified) the UI Bootstrap tab example in Plnkr. This is the final result:   Creating the two tabs with UI Bootstrap is very simple. We just create a uib-tab element for each tab and surround those with a uib-tabset element:   Styling the UI Bootstrap tabs is fairly straight forward too. First of all, you may have noticed I added a tab-container…

Read more »

Posted in AngularJS, ui bootstrap, tabs, css, style | 0 Comments

Styling  AngularJS UI Bootstrap Tabs - New Toronto Group

How to Capture Errors in Your AngularJS app using AirBrake.io

| October 06th, 2014 by Chad Upton

No matter what you do, you can't predict every issue with your app, especially since users may have any number of plugins, viruses, toolbars, greasemonkey scripts, etc. in their browser that can affect how the browser renders your app and therefore affect how your app behaves (or fails). All of these are actual examples of things I've discovered (through Airbrake) that affect our apps. You also can't…

Read more »

Posted in AngularJS, Airbrake, JavaScript Framework, HTML5 CSS3 App, Toronto | 0 Comments

NTG introduces an in-depth AngularJS training course - New Toronto Group

NTG introduces an in-depth AngularJS training course

| August 08th, 2014 by Ed Van Beilen

In this course, students will learn the fundamental principles behind the framework and be exposed to the following AngularJS features: two-way data binding, modules, dependency injection, directives, controllers, services, filters, routes. forms and validation, animation and much, much more. This course was designed and constructed by NTG developers who have used AngularJS extensively in real-life…

Read more »

Posted in AngularJS | 0 Comments

AngularJS with Spring Security and CSRF Token - New Toronto Group

AnguarJS and the console

| December 17th, 2013 by Alain Thibodeau

Here are some examples that you can directly type in the console. Using any variation of query selectors CSS classes:var elem = angular.element(document.querySelector('.my-class'));elem.scope().myProperty = true;elem.scope().$apply();Finding first ng-controller:var elem = angular.element(document.querySelector('[ng-controller]'));elem.scope().myProperty = true;elem.scope().$apply();Templates: If…

Read more »

Posted in AngularJS, javascript | 0 Comments

Styling  AngularJS UI Bootstrap Tabs - New Toronto Group

AngularJS Custom orderBy Function

| November 13th, 2013 by Chad Upton

AngularJS makes it very easy to sort and filter basic data, but the AngularJS documentation is a bit light when it comes to creating a custom orderBy function for sorting.Lets say you're building the next great fantasy football league and you want to display a list of players and sort those players by their win percentage. The database contains the wins and losses, but you want to sort by the percentage.…

Read more »

Posted in AngularJS, Chad Upton, custom, filter, function, javascript, orderBy, sort | 0 Comments

AngularJS with Spring Security and CSRF Token - New Toronto Group

AngularJS - $route.reload()

| September 20th, 2013 by Alain Thibodeau

By Alain Thibodeau - ConsultantRoutes are an integral part of AngularJS. Taking a look at the $route's documentation we will notice that route has a reload method. Taking a closer look at this method reveals that the current route and therefore its controller will be refreshed.This feature can be very useful. Let's say the route's controller has services that are called when the controller is instantiated…

Read more »

Posted in AngularJS, HTML5, javascript | 0 Comments

The Gist of Code Sharing - New Toronto Group

The Gist of Code Sharing

| April 17th, 2013 by Oliver Merk

Agile development teams often need to share code while in the heat of battle.At the high end of the scale, there are publicly-accessible repositories, such as GitHub. Creating a GitHub project is obviously overkill for those wishing to simply pass a few key lines of code to their buddy in the next seat.For stand-alone, runnable demo code, sites like Plunker and JSFiddle  are great. You will see references…

Read more »

Posted in Code Sharing, Github | 0 Comments

AngularJS with Spring Security and CSRF Token - New Toronto Group

AngularJS - Promises

| April 03th, 2013 by Alain Thibodeau

AngularJS comes with promise/deferred APIs that are simple to set up and are also built into the $http API. The Angular promise is basically a guarantee that some code will be fulfilled after other parts are done.Single Promise:myApp.controller('myController', ['$scope', '$q', function ($scope, $q) { var defer = $q.defer(); defer.promise.then(function () { $scope.$emit('shoutEvent', {'message' : 'I…

Read more »

Posted in AngularJS, javascript | 0 Comments

Understanding priorities in AngularJs Directive Definition Objects - New Toronto Group

Localizing AngularJS Applications with i18n Multi-Language Translations

| December 31th, 1969 by Default Admin User

Now, I say “translate” but I should clarify that this library doesn’t literally translate words between languages, you provide the translations in your required languages and it injects the one for the language you (or the user) selects. The idea is that you have translation tables for all the words in your app and then Angular Translate will inject the word for the selected language where you place…

Read more »

Posted in angular translate, AngularJS, i18n, localization, pascalprecht, translation | 0 Comments

Start using closures with your AngularJS, EmberJS code, and other JavaScript.

| December 31th, 1969 by Douglas Riches

First off, let’s take a look at the word “closure”. It was first coined in 1964 to refer to an anonymous function (lambda expression) or named function that has non-local variable references from outside it’s own scope “closed in” to the function instance. Confusing a bit? Take a look at a simple example:  Check it out and play around working in a JavaScript REPL: http://repl.it/YJ5    Lets take…

Read more »

Posted in AngularJS, EmberJS, jQuery, JavaScript | 0 Comments