ng-classy 介绍
ng-classy 可以帮助你更好的使用 AngularJS 1 和 ES6+。
安装：
npm install ng-classy
API 使用：
import classy from 'ng-classy';
/*
* # classy.app
* The angular module instance that your whole app shares.
* Use it for things like angular config, constants, etc: `classy.app.config(() => {})`
*/
classy.app;
/*
* # @classy.Service()
* Registers 'MyService' as an injectable service on your app.
*/
@classy.Service()
class MyService {
}
/*
* # @classy.Component(options)
* Registers `<my-component>` as an element directive.
* Pass in options that map to a directive definition object.
* Has a shortcut field, `bind`, that maps to `bindToController`.
* `options` defaults to the following in this case:
* {
* restrict: 'E',
* scope: {},
* bindToController: options.bind || {},
* controllerAs: 'vm',
* controller: MyComponent
* }
*/
@classy.Component({
bind: {
color: '='
},
template: 'some template with a binding to color {{vm.color}}'
})
class MyComponent {
}
/*
* # @classy.State(name, options)
* Must be called after `@classy.Component()` on a class.
* Registers a new state with the the given name and state options.
* The template will default to instantiating the given component with the url parameters as attributes.
* See the example at the beginning of the README.
*/
@classy.Component({
bind: {
someParam: '='
},
template: 'we have a parameter, {{vm.someParam}}'
}
})
@classy.State('myState', {
url: 'url/:someParam'
})
class SomeComponent {
}