rolaveric

import 'dart:html';
import 'package:angular/angular.dart';

// Annotation which states that this class is a directive which should be
// attached to elements with a 'sample-text-id' attribute
@NgDirective(selector: '[sample-text-id]')
class ReverseClickDirective{

  // The element that the directive is attached to
  Element element;

rolaveric

// Simple class holding some configuration
class ConfigService{
  String text;
  ConfigService() {
    this.text = "Meep!";
  }
}

@NgDirective(selector: '[sample-text-id]')
class ReverseClickDirective{

rolaveric

/* 
 * @NgFilter(name: 'myfilter')
 * function MyFilter() {}
 */
 function MyFilter() {}
 MyFilter.annotations = [new NgFilter({name: 'myFilter'})];

rolaveric

describe('click to reverse', function () {
  var btn;

  it('Reverses the button label on click', function () {
    // load the page
    browser.get('http://localhost:63342/protractorDemo/index.html');

    // Find the button
    btn = element(by.binding('click.btnText'));

rolaveric

// ES6 Class
class MyClass {
  constructor() {
    this.a = "b";
  }
  getA() {
    return this.a;
  }
}

rolaveric

// TypeScript types
function myFn(name:string, obj:MyClass) {
  // ...
}

// Equivalent ES5
/**
 * @param name {string}
 * @param obj {MyClass}
 */

rolaveric

// AtScript types
function myFn(name:string, obj:MyClass) {
  // ...
}
 
// Equivalent ES5
/**
 * @param name {string}
 * @param obj {MyClass}
 */

rolaveric

// Annotation in AtScript
@MyAnnotation({a: 'b'})
function fn() {}

// Equivalent ES5
function fn() {}
fn.annotations = [new MyAnnotation({a: 'b'})];

rolaveric

angular.module('myApp', []).directive('myComponent', function() {
  return {
    scope: true,
    controller: function() {
      this.myProperty = 'myValue';
      this.myMethod = function() {
        return 'myResult';
      };
    },
    controllerAs: 'myComponent'

rolaveric

// Configure module loader
System.config({
  baseURL: '/app/',

  // Set paths for third-party libraries as modules
  paths: {
    'angular': 'bower_components/angular/angular.js',
    'angular-route': 'bower_components/angular-route/angular-route.js'
  }
});