fd-angular-core

fd-angular-core

Requirements

• a Promise polyfill.

Getting started

import {bootstrap, State} from 'npm:fd-angular-core';

@State({
  template: `<p>{{ app.message }}</p>`
})
class AppController {

  constructor() {
    this.message = "Hello world!";
  }

  activate() {
    // can return a promise
  }

  attach() {

  }

  detach() {

  }

}

bootstrap(AppController); // => Promise

@Inject

@Inject('$scope')
class Foo {

  constructor($scope) {}

  @Inject('$scope')
  aMethod($scope) {}

}

$injector.superConstruct and $injector.superCall

class Foo extends Bar {

  constructor($injector) {
    $injector.superConstruct(this);
    // or:
    // $injector.superConstruct(this, locals);
  }

  aMethod($injector) {
    $injector.superCall(this, "aMethod");
    // or:
    // $injector.superCall(this, "aMethod", locals)
  }

}

@Service

@Service
// or: @Service('Foo')
class Foo {}
// this service is injectable as 'Foo'

@Controller

@Controller
// or: @Controller('Foo')
class Foo {}
// this controller is injectable as 'Foo'

@Component

@Component
// or: @Component({ ... })
class FooController {}
// this component can be used as `<foo>` or `<div foo></div>`
// and uses the `./components/foo/foo.html` template

options: restrict, scope, template, templateUrl

Set template to false to prevent the default template from being used.