Aurelia binding for child elements

2
votes

I have a couple custom elements laid out like this

<panel label="Label">
   <row-panel title="Row1">
      <button field="Row1" command="Label"></button>        
   </row-panel>
</panel>

Is there a way to use the title attribute "label" value of row-panel in the button attribute value for "field"?

Is there a way to use the panel attribute "label" value as the button "command" attribute value?

Ideally, I'd like the markup to look like this if possible.

<panel label="Label">
   <row-panel title="Row1">
      <button></button>        
   </row-panel>
</panel>

and the button element would inherit its field and command attributes from the two elements above it.

Any suggestions would be greatly appreciated!

1
aurelia

1 Answers

0
votes

You could create a property and bind it to all elements. Like this:

<panel label.bind="myProperty">
   <row-panel title.bind="myProperty">
      <button field.bind="myProperty"></button>        
   </row-panel>
</panel>