Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Data binding between 2 sibling elements

Is it possible to pass the bindings from one child to the other child in the parent? The parent doesn't need to use the bindings. It will need to be 2 way.

To put it another way, I need to siblings to share data-bindings.

   <app-drawer id="drawer">                                                                                                                                                                                  
     <div class='left-bar-container'>                                                                                                                                                                                        
     <listings-drawer></listings-drawer>

           <!-- Main content -->
    <iron-pages
        selected="[[page]]"
        attr-for-selected="name"
        fallback-selection="view404"
        role="main">
      <my-view1 name="my-view1" form-loading="{{isLoading}}"
        pic="{{pics}}" area-code="{{areaCode}}"></my-view1>

I need <listings-drawer></listings-drawer> to have access to form-loading="{{isLoading}}", pic="{{pics}}", and area-code="{{areaCode}}"

like image 812
dman Avatar asked Feb 13 '26 15:02

dman


1 Answers

<app-drawer id="drawer">                                                                                                                                                                                  
 <div class='left-bar-container'>                                                                                                                                                                                        
 <listings-drawer loading="{{isLoading}}"
    some-pics="{{pics}}" some-area-code="{{areaCode}}"></listings-drawer>
       <!-- Main content -->
<iron-pages
    selected="[[page]]"
    attr-for-selected="name"
    fallback-selection="view404"
    role="main">
  <my-view1 name="my-view1" form-loading="{{isLoading}}"
    pic="{{pics}}" area-code="{{areaCode}}"></my-view1>

`

There is no reason the above would not work, assuming those property names were used in the listings-drawer element.

like image 81
ktiedt Avatar answered Feb 16 '26 09:02

ktiedt



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!