Bolza

// from http://jsfiddle.net/thomporter/zjFp4/1/

var myApp = angular.module('myApp', []);

//service style, probably the simplest one
myApp.service('helloWorldFromService', function() {
    this.sayHello = function() {
        return "Hello, World!"
    };
});

Bolza

    beforeEach(module('app', function($stateProvider) {
        $stateProvider.state('default', {
            url: '/',
        });
    }));

Bolza

/* jshint -W117, -W030 */
describe('LineItemType', function() {
    var scope, compileDirective, spy;

    beforeEach(module('app.lineItem', function($provide) {
        $provide.service('lineItemType', mockData.lineItemTypeService());
    }));

    beforeEach(inject(function($injector) {
        var $controller = $injector.get('$controller');

Bolza

(function() {
    'use strict';

    var envconfig = angular.module('app.envConfig', []);
    envconfig.config(confFunc);
    envconfig.provider('startup', startupFactory);

    confFunc.$inject = ['startupProvider'];
    /* @ngInject */
    function confFunc(startupProvider) {

Bolza

app.controller('MainCtrl', function($scope) {
  $scope.numbers=[1,2,3,4,5,6];
});

app.directive('myRepeat', function($compile){
  return  {
    //High priority means it will execute first
    priority: 5000,
    //Terminal prevents compilation of any other directive on first pass
    terminal: true,

Bolza

//`first` reads the data from the service
Controller first (myService) ->
    this.firstValue = myService.get().firstValue //using a getter so there's no direct reference
    
    myService.onChange(function(newData) {
        this.firstValue = newData.firstValue
    })


//`second` sets the data inside the service

Bolza

/// <reference path="node_modules/angular2/ts/typings/node/node.d.ts"/>
/// <reference path="node_modules/angular2/typings/browser.d.ts"/>
import { bootstrap } from "angular2/platform/browser";
import { Component } from "angular2/core";
@Component({
    selector: 'hello-world',
    template: <div> Hello World! </div>
})
class HelloWorld {
}

Bolza

Reflect-metadata error

• adding import 'zone.js' and 'reflect-metadata'
• System.config.babelOptions.stage = 1

RXJS missing / errors

• update NG2 to >=2.0.0-beta.9, doesnt require external rxjs anymore

Transpiler SyntaxError on any Typescript annotation as Unexpected token

• npm install --save-dev babel-plugin-transform-decorators-legacy babel-plugin-transform-class-properties babel-plugin-transform-flow-strip-types babel-preset-es2015 babel-plugin-angular2-annotations
• in gulpfile task add plugins: 'angular2-annotations','transform-decorators-legacy','transform-class-properties','transform-flow-strip-types'

Bolza

Resources

Splitting bundles

Webpack + Angular2 + Typescript Workflow

Setup Project

1. Install Angular2 deps using npm
2. Try to directly use import { Stuff } from '@angular/core'

Bolza

//  Creating the dictionary
var dict = [];
for (var i = 0; i < 100000; i++) {
    dict.push('abcdfg');
    dict.push('abcdff');
}

var inputWord = 'gfdcba';

// Setup