Category Archives: Angular

Angular 2 TemplateRef Usage

Interactive Business Systems is now Planet Technology. Looking for a new job? We work with some of the biggest names in tech, and we’re hiring! Check out our open jobs and make your next career move with Planet.

Angular 2 is the hot new thing, but like any other new technology out there, documentation and examples are really sparse and there’s a lot of head scratching trying to figure out why things that seem like they should work…aren’t.

I spent some time recently working with TemplateRefs in Angular 2, trying to access templates defined via a <template> tag in my HTML from the component code.

Read more

Mocking Time with sinon.js

Interactive Business Systems is now Planet Technology. Looking for a new job? We work with some of the biggest names in tech, and we’re hiring! Check out our open jobs and make your next career move with Planet.

I was writing some tests for an Angular app and ran into a scenario where I needed a page to behave differently if the time of day was before or after 6AM.  The logic is simple enough to capture in my controller:

[code language="javascript" collapse="false"]
vm.date = moment().subtract(6, 'hours').toDate();
[/code]

Basically, if it is before 6AM, display the prior day, otherwise display today. However, as I was trying to write a test for this controller the problem came up: how do I take control of the current time to test both scenarios?

Read more

Choosing an Angular Report Builder

Interactive Business Systems is now Planet Technology. Looking for a new job? We work with some of the biggest names in tech, and we’re hiring! Check out our open jobs and make your next career move with Planet.


I was recently given the task of providing a WYSIWYG (What You See Is What You Get) editor for a client to produce a report of a selection of their data. The data management system was written in Angular so I needed the WYSIWYG editor to fit into the angular framework. Beyond the basic expectations of a WYSIWYG editor, we needed it to accomplish 3 main things:

Read more

Recent Entries »