fd-angular-core
v1.2.2
Published
Personal Angular utils
Downloads
45
Readme
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.