https://github.com/supportclass/sc-data-binding-helpers

Polymer 2.x mixin that provides some useful methods for data bindings.
https://github.com/supportclass/sc-data-binding-helpers

Last synced: 3 months ago
JSON representation

Polymer 2.x mixin that provides some useful methods for data bindings.

• Host: GitHub
• URL: https://github.com/supportclass/sc-data-binding-helpers
• Owner: SupportClass
• Created: 2017-08-18T00:14:03.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-12-07T23:42:55.000Z (about 7 years ago)
• Last Synced: 2025-01-23T03:30:26.380Z (about 1 year ago)
• Language: TypeScript
• Size: 35.2 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

          
# Polymer.SCDataBindingHelpers [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/SupportClass/sc-data-binding-helpers) [![Build Status](https://travis-ci.org/SupportClass/sc-data-binding-helpers.svg?branch=master)](https://travis-ci.org/SupportClass/sc-data-binding-helpers)

A Polymer 2.x mixin that provides some useful methods for data bindings. See the [listing on webcomponents.org](https://www.webcomponents.org/element/SupportClass/sc-data-binding-helpers/mixins/Polymer.SCDataBindingHelpers) for full documentation (You'll need to click on "Show N protected methods" to see them).

## Example

```html

    

        

            :host {

                display: block;

            }

        

        

        

            foo is: truthy

        

        

        

            foo is: falsey

        

    

    

    

        /**

         * @customElement

         * @polymer

         * @appliesMixin Polymer.SCDataBindingHelpers

         */

        class MyElement extends Polymer.SCDataBindingHelpers(Polymer.Element) {

            static get is() { 

                return 'my-element';

            }

            

            static get properties() { 

                return {

                    foo: {

                        type: String,

                        value: 'foo'

                    }

                };

            }

        }

        

        customElements.define(MyElement.is, MyElement);

    

```