Directory

← Back

value-history

Record property changes with this handy little element.

Author

Contributors

Rating

[ This description is mirrored from README.md at github.com/jifalops/value-history on 2019-05-10 ]

Published on webcomponents.org

value-history

Record property changes with this handy little element.

Installation

bower i -S value-history        # Polymer 2.0 hybrid (1.x compatible)
bower i -S value-history#0.1.0  # Polymer 1.x based

Usage

Primarily for use with app-location in client-side routed apps, or for debugging and testing.

  • Tell it which property to watch for changes
  • Optionally limit the history to a certain length.

Demo

Polymer bindings may not work in this readme demo.

<value-history value="[[val]]" history="{{history}}" limit="[[limit]]"></value-history>
<input placeholder="value" value="{{val::input}}" length="5"/><br/>
<input placeholder="limit" value="{{limit::input}}" length="5"/>
<dom-repeat items="[[history]]">
  <template>[[item]]<br/></template>
</dom-repeat>

Full demo: webcomponents.org | github.

API: webcomponents.org

Contributing

  1. Fork it on Github.
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request

License

MIT

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

  • polymer#Polymer/polymer#^2.0.0
Released
2017-07-27
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Polymer 2.0+
Polymer 1.0+ in 0.1.0
Browser
Browser Independent
Online