In my previous post on getting started with AngularJS and TypeScript, I went over some of the gotchas that took me awhile to work through such as minification and scope inheritance. Today I want to look at a tip to help ease the pain you might encounter when trying to use TypeScript with Angular and how to structure your controllers. You’ve Got Me. Who’s Got You? In the current version of AngularJS (1.…

About a month ago, Microsoft released the 0.9 version of TypeScript. Originally released in October 2012, the language has come a long way and one of its most requested and recent additions is generics. You may find yourself asking, “When the heck am I going to use generics in JavaScript?” I had the same question. The answer is all the time!! Even If You Don’t Care Even if you don’t care about generics yourself, you’ll start to get benefits from the community.…

Lately, I’ve started using AngularJS instead of Knockout. Knockout.js is very popular in the .NET world, is very easy to use, and meshes well with .NET devs used to the MVVM style of development. I highly recommend it. But, yeah, it’s fair to say that I’m being a little fickle in deciding to switch. Ask me for a definitive reason and I’ll waffle something about having to create my own binding handlers in knockout.…

ko.computed() in TypeScript On my second day of figuring out how to use knockout.js and TypeScript, I came upon computed observables and ran into trouble. As a point of reference, this is a simplified version of how I declared my ViewModel in pure JavaScript: var SampleViewModel = function () { var self = this; self.propertyOne = ko.observable(); self.propertyTwo = ko.observable(); self.propertyThree = ko.computed(function () { return self.propertyOne() + self.propertyTwo(); }); }; This simple ViewModel has three properties.…

UPDATE: While the solution I presented is fine for builds, what you really want is for the JavaScript file to be regenerated when you save the TypeScript file. The current TypeScript plug-in doesn’t do this. Lucky for us, Mads Kristensen has updated the Web Essentials 2012 plug-in to support TypeScript. It will rebuild your .ts files when you save them. This one is an easy fix. Here’s the situation: You downloaded and installed the TypeScript and opened up your existing ASP.…