博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
knockout的依赖属性dependentObservable和observable的监控的使用
阅读量:4876 次
发布时间:2019-06-11

本文共 1056 字,大约阅读时间需要 3 分钟。

1、Knockout是在下面三个核心功能是建立起来的:

监控属性(Observables)和依赖跟踪(Dependency tracking)
声明式绑定(Declarative bindings)
模板(Templating)
2、MVVM的含义:
MVVM(Model-View-View Model):是一种创建用户界面的设计模式。
model: 你程序里存储的数据。这个数据包括对象和业务操作,使用KO的时候,
           通常说是向服务器调用Ajax读写这个存储的模型数据。
View:  一个可见的,交互式的,表示view model状态的UI。
View Model: 从view model显示数据,发送命令到view model,
        任何view model状态改变的时候更新。

1、knockout的使用

1)创建一个View Model,声明为javascript object (js对象)
var myViewModel = {
    userName: zhangsan;
    password:123456
};

2)位view Model创建一个声明式绑定的View

用户名称:<span id="userName" data-bind="text:userName"></span>

用户密码:<span data-bind="text:password"></span>

3)浏览器不识别data-bind属性,所以要激活knockout

ko.applyBindings(myViewModel);

2、监控属性observable的使用

在原有的View Model添加observable,实现监控

var myViewModel = {
    userName: ko.observable("zhangsan"),
    password:ko.observable("123456")
};

监控属性的读写

myViewModel.userName()     //读操作,输出zhangsan
myViewModel.password()    //输出123456    
myViewModel.userName("wangwu")   //写操作或赋值,修改wangwu
myViewModel.userName("linlin").password("lin123")   //赋值

使用的例子如下:

运行后的效果如下:

转载于:https://www.cnblogs.com/xielong/p/5053599.html

你可能感兴趣的文章
压缩跟踪(CT)代码具体学习_模块1(样本的採集和扩充)
查看>>
地理常识
查看>>
GB28181出内网
查看>>
学习设计模式 - 六大基本原则之迪米特法则
查看>>
IIS7上设置MIME让其支持android和Iphone的更新下载
查看>>
ios的分辨率统计
查看>>
读入优化与输出优化
查看>>
Android Drawable - Shape Drawable使用详解(附图)
查看>>
巨蟒python全栈开发flask3
查看>>
巨蟒python全栈开发flask13项目开始5
查看>>
p2psearcher绿色版使用方法
查看>>
PHP 序列化与反序列化
查看>>
【转】TCP粘包分析
查看>>
zoj-3872 Beauty of Array (dp)
查看>>
初学算法之快速幂
查看>>
【初探移动前端开发04】jQuery Mobile (中)
查看>>
Sublime Text3快捷键
查看>>
INTRAWEB说明书
查看>>
值转换为可空类型
查看>>
kubectl get componentstatus ERROR:HTTP probe failed with statuscode: 503
查看>>