DomPropertyBindingTarget as default for HTMLElement.bind to enable complex attribute binding

[nguyenanduong]

Problem:
I am working on a list component which I expect this kind of binding:
<my-list items={{model.items}}></my-list>

That doesn't work out of the box as default HTMLElement.bind uses setAttribute to set the binding value on the target. Any complex value from source will be stringify.

Expect
Liaison should support that kind of binding. Expected behavior is that model.items will be set to the list's items property

Implementation
Use DomPropertyBindingTarget as default binding target instead of DOMBindingTarget

[asudoh]

@nguyenanduong Do you have a test case?

[nguyenanduong]

I have pretty complex project setup to post. I will try to make a jsfiddle for it.

[asudoh]

Cool, also please note that liaison directs HTMLElement.bind() to a delite widget property if it detects the there is a widget property with the given name:

liaison/delite/WidgetBindingTarget.js

Line 145 in f3b7b9b

target = isOwned.call(this, widgetProperty) && new WidgetBindingTarget(this, widgetProperty);