angular_node_bind.dart icon indicating copy to clipboard operation
angular_node_bind.dart copied to clipboard

Utilities to allow Angular templates to use Node.bind()

Angular Node Bind

Utilities to allow Angular templates to use Node.bind().

###NodeBindDirective

NodeBindDirective lets you use Node.bind() in an Angular app. This means that you can bind to custom elements, including Polymer elements. The bindings are declared by expressions in attribute values surrounded by double-square-brackets, like so:

<input value="[[ name ]]">

This declares that the expression name should be bound to the value property of the element using Node.bind(). The advantages of using Node.bind are:

  • Node.bind() takes care of setting up the binding, including two-way bindings, eliminating the need for directives for every property for two-way bindings.
  • Custom elements that expose properties will be properly bound, again including two-way bindings. You can use the growing collection of custom element libraries in your Angular app.