way.js

AngularJS的双向绑定一直为人称道,但使用AngularJS需要对页面组件化,学习成本还是很高的。

本文源自 https://github.com/gwendall/way.js 边学边译。

使用:引用一个js文件即可。

<script src="way.min.js"></script>

way.js.  官方JS脚本 点击下载

开始:

声明一个HTML元素和一些标记

 <form way-data="myFormData" way-persistent="true">
    <input type="text" name="name">
    <input type="text" name="age">
    <input type="text" name="gender">
  </form>

  Name: <span way-data="myFormData.name"></span>

现在每一个变化将存储内存。绑定跨度的html将被改变。和绑定数据将持续,这意味着你的HTML会填充你的页面重新加载数据。

文档:

 
名称 类型 默认值 描述
data string null 允许定义点分离路径数据将存储的地方。可以包括数组。当表单上使用时,一个json变量包括所有的输入了一个[名字]属性将被创建并存储在指定的存储。通过“__all__”路径访问所有的way.js的数据。
default strign null 如果没有绑定值,链接的默认数据设置一个元素.
       
       
       
       
       
       
       
原文地址:https://www.cnblogs.com/blogs2014/p/5488938.html