Trifork Blog

Category ‘AngularJS’

AngularJS directives for C3.js chart library

August 19th, 2014 by
(http://blog.trifork.com/2014/08/19/angularjs-directives-for-c3-js-chart-library/)

Vagrant Logo

For one of our projects we wanted to create some nice charts. Feels like something you often want but do not do because it takes to much time. This time we really needed it. I had prior experience with Highcharts, which is also a nice library. But this time we wanted more control. We had a look at D3.js library, a very nice library but so many options and a lot to do yourself. Than we found c3.js, check the blog post by Roberto: Creating charts with C3.js. Since I do a lot with AngularJS, I wanted to integrate these c3.js charts with AngularJS. I wrote another blogpost on that: Using C3js with AngularJS. Through twitter Abdullah Diaa mentioned that it would be great to have directives for these charts. That is were we start in this blogpost. I am going to describe the first version of a directive I have created to make it even easier to create these chart using AngularJS.

Read the rest of this entry »

Angular Directives, a beginners guide – part 2

July 22nd, 2014 by
(http://blog.trifork.com/2014/07/22/angular-directives-a-beginners-guide-part-2/)

Angular logo

In my previous blog post (part 1) about Angular Directives, I provided you with an introduction into what Directives are and how to use them. The short recap is that you can use Directives to add markers to a DOM element and then tell the AngularJS compiler to add behavior or modify that element. In this blog post, I will discuss the two remaining directive types (class and comment).
Read the rest of this entry »

Angular Directives, a beginners guide – part 1

April 17th, 2014 by
(http://blog.trifork.com/2014/04/17/angular-directives-a-beginners-guide-part-1/)

What are directives?

AngularJS-largeTo start with Angular Directives we must first know what Google’s Angular team defines as directives, so I copied a little piece form their website and I’ll comment on that.

“At a high level, directives are markers on a DOM element (such as an attribute, element name, or CSS class) that tell AngularJS’s HTML compiler ($compile) to attach a specified behavior to that DOM element or even transform the DOM element and its children.”

Read the rest of this entry »