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.