knockout_主页的demo复习
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | <!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script src="http://localhost:81/js/knockout.js"></script></head><body><div data-bind="foreach: peoples"> <p>Person<span data-bind="text: person"></span></p> <ul data-bind="foreach: children"> <li data-bind="text : $data"></li> </ul> <h4 data-bind="visible: $root.showTime"> <!-- <h4 data-bind="visible: $parent.showTime">这样也行; --> render time = <b data-bind="text: new Date().getSeconds()"></b> </h4> <input type="text" data-bind="value:childValue"> <button data-bind="click: addChild">addOne</button></div><label for="times"> <input type="checkbox" data-bind="value: showTime"/></label><script>//在knockout中的所有绑定都是通过 元素属性的 data-bind=""进行绑定的，只要有两种绑定方式：ko.observable绑定变量，ko.observableArray绑定数组;function Person(name,child) { this.person = ko.observable(); this.children = ko.observableArray(child); this.childValue = ko.observable("c0"); this.addChild = function(){ this.children.push( this.childValue ) }};var peoples = { peoples : [new Person("t",["7","8","9"]),new Person("tt",["6","5","4"]),new Person("qihao",["1","2","3"])], showTime : ko.observable(false)};ko.applyBindings( peoples );</script></body></html> |
天道酬勤
本文作者：方方和圆圆
本文链接：https://www.cnblogs.com/diligenceday/p/3658960.html
版权声明：本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步