Multiple directional binding - Githubissues

DrSensor / nusa

incremental runtime that bring both simplicity and power into webdev (buildless, cross-language, data-driven)

MIT License

4 stars 0 forks source link

Multiple directional binding #35

Open DrSensor opened 1 year ago

DrSensor commented 1 year ago

<render-scope>
  <link href=counter.js>
  <link href=money.js>

  <button id=increase-money :: on:click=increment text:="count->dollar yen<-count"/>

  <span id=my-money :: text:="count<->dollar yen"/>

  <button :: on:click=burnDollar />

</render-scope>

Behaviour:

button#increase-money - when count in counter.js increment, it also increment dollar and yen in money.js
span#my-money - whether count in counter.js increment or dollar in dollar.js burned (via burnDollar), it will also update either count in counter.js or dollar in dollar.js, but not yen when dollar is burned (yen still updated when count increment due to binding in button#increase-money)