Simple Two Way Data binding
Two Way data binding for javascript or jquery and its not for react or angular
STEPS
STEP 1: Install Module
npm i simple2waybinding
STEP 2: import module
import simple2WayBind from 'simple2waybinding'
STEP 3: Simply create instance the imported method to after domContentLoaded or Jquery ready().
Global for all element var simple2WayBindInstance = simple2WayBind();
wrapper for specific element var simple2WayBindInstance = simple2WayBind({rootElementId: 'rootId'});
STEP 4: Add the required attributes(sdb-bind, sdb-bind-text) to elements
sdb-bind="attrName" && sdb-bind-text="attrName" both attribute should have same name
Example:
<input type="text" sdb-bind="textIp">
<p sdb-bind-text="textIp"></p>
STEP 2: reset or change value through changing data code
refer step 3
Instance returns two methods getData, setData
get data
simple2WayBindInstance.getData('textIp');
set data
simple2WayBindInstance.setData('textIp','newValue'); -> it will reflect both sdb-bind, sdb-bind-text
see demo on github
Navigate to github and download -> navigate to demo and run live server and also refer implementation