ng-classy轻松使用 AngularJS 1 和 ES6+
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 { }
评论