项目作者: abel-n

项目描述 :
A convenience decorator for Glimmer component argument default values
高级语言: JavaScript
项目地址: git://github.com/abel-n/ember-argument-decorator.git
创建时间: 2020-03-05T12:48:21Z
项目社区:https://github.com/abel-n/ember-argument-decorator

开源协议:MIT License

下载


ember-argument-decorator

This decorator is a wrapper for providing argument defaults for Glimmer components in a simple manner. It supports primitives, objects and functions. It also seems to support getters but that is untested yet.

Compatibility

  • Ember.js v3.12 or above
  • Ember CLI v2.13 or above
  • Node.js v10 or above

Installation

  1. ember install ember-argument-decorator

Usage

Provide default value in component.

  1. import Component from '@glimmer/component';
  2. import argument from 'ember-argument-decorator';
  3. export default class XComponent extends Component {
  4. @argument searchEnabled = true
  5. }

Use this.argumentName instead of @argumentName to refer to it in template.

  1. {{#if this.searchEnabled}}
  2. {{!-- do something --}}
  3. {{/if}}

The decorator updates the reference when arguments change.

  1. <XComponent @searchEnabled={{optionalValue}} ></XComponent>

License

This project is licensed under the MIT License.