#Bind To Polymer Angular Directive for Bi-Directional Binding to Polymer core and paper inputs

#Supported Tags ##Polymer Core

• core-input

##Polymer Paper

• paper-input
• paper-toggle-button
• paper-checkbox
• paper-radio-button
• paper-slider

#Installation Coming Soon...

#Usage

Source the directive per normal:

    <script src="bower_components/angular-bind-polymer/bindToPolymer.js"></script>

Add BindToPolymer as dependency for your Angular application:

var PizzaStoreApp = angular.module('pizzaStoreApp', [
  'BindToPolymer'
]);

Apply the ng-bind-to-polymer directive to your custom input elements:

<core-input placeholder="Placeholder text here" ng-bind-to-polymer="testing"></core-input>
<pre>{{testing}}</pre>

Changes from the <x-pizza> custom element will now update the pizzaState variable in local scope.

Note: changes in Angular's scope are already bound. That is, changes to pizzaState will update the <x-pizza> custom element without this or any other modules. This directive is soley used to watch for changes in custom elements for the purposes of updating a bound variable in Angular's scope.