MikeRyanDev

import { Pipe } from '@angular/core';

@Pipe({ name: 'sortNames' })
export class SortNamesPipe {
  transform(input: string[]): string[] {
    return input.sort();
  }
}

MikeRyanDev

import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/mapTo';
import 'rxjs/add/operator/filter';
import 'rxjs/add/operator/mergeMap';
import 'rxjs/add/operator/switchMap';
import 'rxjs/add/operator/switchMapTo';
import 'rxjs/add/operator/toArray';
import 'rxjs/add/operator/mergeAll';
import 'rxjs/add/operator/groupBy';

MikeRyanDev

/**
 * A proof-of-concept for a new modal lib for Angular 2
 * 
 * Goals:
 * - Easy to style
 * - Easy to control with @ngrx/store
 * - Completely stateless
 * 
 * How to use:
 * In your root component, add `ModalConnector` to your providers array

MikeRyanDev

'use strict';

var rxjs_subject_BehaviorSubject = require('rxjs/subject/BehaviorSubject');
var rxjs_add_operator_map = require('rxjs/add/operator/map');
var rxjs_add_operator_distinctUntilChanged = require('rxjs/add/operator/distinctUntilChanged');
var rxjs_Subject = require('rxjs/Subject');
var rxjs_add_operator_let = require('rxjs/add/operator/let');
var rxjs_add_operator_scan = require('rxjs/add/operator/scan');
var angular2_core = require('angular2/core');

MikeRyanDev

import {bootstrap} from 'angular2/core';
import {routerConfig, HashLocationStrategy} from 'angula2/router';
import {App} from './app';

bootstrap(App, [
  routerConfig({
    locationStrategy: HashLocationStrategy
  })
]);

MikeRyanDev

import {
  PLATFORM_DIRECTIVES, 
  provide, 
  bootstrap
} from 'angular2/core';

import {
  ROUTER_PROVIDERS, 
  ROUTER_DIRECTIVES, 
  LocationStrategy, 

MikeRyanDev

var Foo = ng.core.
Injectable().
Class({
  constructor: [
    [new ng.core.OptionalMetadata(), Bar], 
    function(bar){
  
    }
  ]
});

MikeRyanDev

import {OptionalMetadata} from 'angular2/core';

class Foo{
  static parameters = [[new OptionalMetadata(), Bar]];
  constructor(bar){ }
}

MikeRyanDev

import {Optional} from ‘angular2/core’;

class Foo{
 constructor(@Optional() bar: Bar){ }
}

MikeRyanDev

import {Inject} from ‘angular2/core’;
import {Store} from ‘redux’;
import {REDUX_STORE} from ‘../di-tokens’;

class MyService{
  // This is pretty redundant…
  constructor(@Inject(REDUX_STORE) store: Store){ }
}