Knockout开发中文API系列4–绑定关键字稻草人.Net

Visible绑定通过绑定一个值来确定DOM元素显示或隐藏

主参数

当参数设置为一个假值(例如bool型值false、整型值0、null或者undefined)时,该绑定会设置yourElement.style.display为none,让元素隐藏。它的优先级高于任何你在CSS中定义的隐藏样式。

当参数设置为一个真值(例如bool型值true、不等于null、Object对象或数组)时,该绑定会去掉yourElement.style.display值,让元素显示。

注意,任何你在CSS中定义的样式会立即应用生效。

如果参数是一个observable值,visible绑定使得元素的visible状态随着参数值的变化而变化。如果参数不是observable值,visible绑定仅仅会设置元素visible状态一次,以后不会再更新。

其他参数

注:使用函数或表达式来控制元素显示隐藏

你可以选择使用JavaScript函数或者表达式作为参数值。这样的话,KO将会运行你的函数或者表达式,返回的结果来控制元素显示或者隐藏。

例如:

Text绑定主要是让DOM元素显示参数值。

通常情况下,该绑定在这样的元素上非常有用,而实际上你可以绑定任何元素。

主要参数

Knockout将参数值设置为元素内容。元素之前的内容将会被覆盖。

如果参数是一个observable值,text绑定将会在值变化时更新元素text内容。如果参数不是observable值,text绑定仅仅会设置元素内容一次,以后不会再更新。

如果你传入的不是一个值或者一个字符串(比如:你传入一个对象或者数组)那么显示的文本将是yourParameter.toString()的结果。

注1:使用函数或表达式来决定text值

如果你想text值可编程化,一种选择是创建计算属性,然后在运算函数中编码决定text中显示什么。

现在,text值将会在“expensive”和“affordable”之间选择,而这主要取决于“price”的变化。然而,假如你按照示例中的方式你则不需要创建计算属性。你可以传入任意的JavaScript表达式进行text绑定。

注2:关于HTML编码

由于text绑定是利用元素的text节点属性来设置文本值,你可以很安全的设置任何内容而不用担心HTML和脚本注入风险。例如,如果你输入以下内容:

它将不会显示一个斜体文本,而是按原样进行标签输出。

如果你想设置一个HTML内容,你可以参数HTML绑定。

注3:使用“text”而没有一个容器元素

有时你可能需要使用Knockout在不使用多余的元素的情况下通过text绑定来设置文本内容。例如,在option元素中是不允许存在其他元素的,所以下面的绑定是无法正常工作的。

为了解决这个问题,你可以使用容器语法,它基于一个注释元素。

注释标记作为起始和结束符,定义一个“虚拟元素”,里面包含了标记,Knockout能够识别这种虚拟元素语法和绑定作为你需要的容器元素而存在。

注4:一个关于IE6白空格

IE6有一个奇怪的现象,如果span有空格的话,它会变成一个空span,如果你编写以下代码,Knockout不会起任何作用。

IE6不会显示span中间的那个空格,如果你想避免这个问题,你可以在中输入任意内容。比如:

其他浏览器或者版本较新的IE浏览器不会出现这个问题。

Html绑定会让关联的DOM元素显示你参数指定的HTML内容。

通常当你的ViewModel中值是HTML标记字符串时,使用html绑定来render是非常有用的。

KO会使用你的参数值来设置元素的innerHTML属性,任何之前的内容将会被重写掉。

如果参数是一个监控属性值,当这个监控属性值发生变化的时候html绑定会更新绑定元素的内容。如果这个参数是非监控属性值,那么html仅绑定元素内容一次并且以后不再去更新它。

如果你传入的参数内容不是字符串或者数字(例如对象或者数组),那么innerHTML将会等价于yourParameter.toString()。

无。

由于HTML绑定使用的是innerHTML来设置元素内容,那么你需要注意不要使用不安全的HTML内容,因为这有可能引入脚本注入攻击的风险,如果你不确定它是否安全(比如显示用户输入的内容),请使用text绑定,因为text绑定只设置元素的text内容innerText。

==================================================

Css绑定主要是给DOM元素对象添加或移除一个或多个cssclass类名。这非常有用,比如当值变成负数的时候用红色高亮显示。

注意:如果你不想应用CSSclass,而是采用style属性的话,请采用style绑定。

当currentProfit的值小于0的时候将会给元素绑定上profitWarning样式,当值大于0时移除样式。

当currentProfit值是positive的时候将会给元素绑定上profitWarning样式,其他情况下将会绑定profitWarning样式。

如果你使用静态的CSSclass名称,你可以传递一个属性名是CSSclass名,值是true或者false的JavaScript对象来决定DOM元素是否应用class。

你可以一次使用多个CSSclass。比如,你的viewmodel含有一个属性isSevere

你可以在同一个条件下设置多个CSSclass,名称用引号引起来。比如:

非bool值会被解析成bool值,比如:0或null会解析成false,像21、non-null这样的对象会解析成true。

如果你的参数是observable值,此绑定会在observable值发生变化的之后添加或移除Cssclass。如果参数不是observable值,那么CSSclass只会添加或移除一次,以后不再变化。

如果你想使用动态Cssclass名称,你可以传递一个与Cssclass名称对应的字符串给你要添加的元素。如果参数是observable值,绑定会移除元素之前添加的所有cssclass,并将对应的observable新值添加给元素。通常,你可以使用任意JavaScript表达式或者函数作为参数值。KO会自动执行它们通过返回的值来确定元素待添加或移除的Cssclass。

附加参数

注意:应用的Cssclass名称不能是不合法的JavaScript命名

如果你要添加的Cssclass名my-class,你不能这样写

因为my-class不是一个合法的JavaScript命名,解决方案是:在名称两边加上引号作为字符串使用,这样的命名是合法的JavaScript对象。例如:

THE END
1.中文域名如何解析和绑定?中文域名绑定教程 虚拟主机或服务器需要绑定域名才能通过域名来访问,而中文域名不能直接绑定到主机,需要先将其转码成字符串后才能绑定。具体的方法就是找一个中文域名转码的网站,将你的中文域名输入,然后按照punycode编码格式转换即可。如图所示: 中文域名转码前 https://blog.csdn.net/weixin_34116110/article/details/92385502
2.如何绑定中文域名中文域名对企业的作用是什么ref="https://www.cdcxhl.com/" target="_blank">建站我们需要查阅资料等等,都会打开一个网站,而这个网站的网址域名后缀大多数都是英文的,也会出现中文域名,但是极少数。那你清楚如何绑定中文域名吗?中文域名对企业的作用是什么?下面跟创新互联建站小编看看。http://shouzuofang.com/article/soipee.html
3.中文域名如何解析和绑定?芊雅企服大家在注册中文域名的时候都会遇到一个问题,那就是如何解析和绑定中文域名。其实解析和绑定设置办法跟英文域名是一样 的,只是需要将中文域名转换成转码后的字符串,即可进行绑定。深圳网站建设公司来介绍具体的操作步骤: 1、登录中文域名转码网址:http://www.webmasterhome.cn/tool/punycode.asp 在请输入域名串”中输入https://www.kejianet.cn/cn-yuming/
4.国外域名出售平台腾讯云开发者社区国外虚拟主机绑定中文域名方法 国外虚拟主机绑定中文域名方法: 1、使用中文域名URL转发到一个已经使用英文域名绑定的网站。 2、使用中文域名的转码绑定到网站上。首先要去 http://www.cnnic.net.cn/html/Dir/2003/10/29/1112.htm 转换中文域名的转码,把你的中文域(如:赵健.com)名输入之后 转换方式选择 转https://cloud.tencent.com/developer/information/%E5%9B%BD%E5%A4%96%E5%9F%9F%E5%90%8D%E5%87%BA%E5%94%AE%E5%B9%B3%E5%8F%B0
5.灵魂绑定冥界物语是否支持中文灵魂绑定:冥界物语支持中文的界面和字幕,小伙伴们无须担心语言方面的问题。游戏目前已在Steam正式发售,日常售价是33元,暂时没有折扣优惠活动。 灵魂绑定:冥界物语是否支持中文 答:支持。 游戏完全支持简体中文界面和字幕,但是没有中文的音频。 相关信息 1、灵魂绑定:冥界物语是一款动作冒险独立游戏,支持单人游戏无法多https://3g.ali213.net/gl/html/1528277.html
6.国外的云主机推荐腾讯云开发者社区国外虚拟主机绑定中文域名方法: 1、使用中文域名URL转发到一个已经使用英文域名绑定的网站。 2、使用中文域名的转码绑定到网站上。首先要去 http://www.cnnic.net.cn/html/Dir/2003/10/29/1112.htm 转换中文域名的转码,把你的中文域(如:赵健.com)名输入之后 转换方式选择 转成punycode,得到: 您输入https://cloud.tencent.com.cn/developer/information/%E5%9B%BD%E5%A4%96%E7%9A%84%E4%BA%91%E4%B8%BB%E6%9C%BA%E6%8E%A8%E8%8D%90
7.校园卡绑定立即绑定https://www.ylzyjs.cn/
8.智慧安大账号绑定— 智慧校园 — 请输入智慧安大账号密码进行绑定 绑定账号https://adwmh.ahu.edu.cn/
9.如何使用TikTok授权码获取中文汉字的特殊效果标题TikTok授权码与中文汉字特殊效果标题的获取方法 在当今社交媒体风靡的时代,TikTok作为一款热门的短视频应用,吸引了无数用户。想要在TikTok上制作出具有特殊效果的中文汉字标题,授权码是一个重要的工具。下面,我们将详细介绍如何使用TikTok授权码来获取中文汉字的特殊效果标题。 一、了解TikTok授权码 如何使用TikTok授权码http://m.haomaituan.com/hmrd/68425.html
10.链在一起中文汉化设置方法链在一起游戏怎么设置中文?steam上的4人联机游戏链在一起发售后引起了很多玩家的关注,这个游戏的默认语言是英文,如果想要调整为中文界面的话需要下载并安装汉化包。下面为大家分享一下修改语言的具体方法。 链在一起中文汉化设置方法 1、链在一起这款游戏官方不支持中文,不过可以通过第三方软件工具来直接翻译界面。 http://www.daobaoku.com/ku/59224a7733.html
11.未绑定激战2中文维基激战2资料站激战2激战2攻略未绑定 Anitemis"bound"if it is restricted to the player'saccount, or to a specificcharacter, and cannot be traded on theTrading Postor mailed to another account. The following types of binding exist: Account Bound— These items can only be used on the player's account. They can be https://gw2.huijiwiki.com/index.php?curid=643581
12.你的虚拟主机空间支持中文域名绑定吗?中国互联网络信息中心自今年1月18日推出中文域名试验系统以来,通过与相关技术组织和其他互联网络信息中心的广泛交流合作,经过深入分析、研究和广泛试验,使得中文域名系统在技术方面取得了突破性进展。 域名绑定就是在虚拟主机或web服务器方面进行设置的操作,主要作用是能使当一个域名指向服务器时,会准确的带领域名到达最终https://www.west.cn/www/info/69620-1.htm
13.巧课力专注小白,培养职业大触职业角色动画师就业班 ¥19800.0 入门 1330人在学 8个月 课程介绍 目录 评论(2) 常见问题 适用人群 动画爱好者、从业者 课程介绍 课程由巧课力黑桃酥主讲,讲解业内专业的骨骼绑定插件 AdvancedSkeleton的完整使用流程。 包括角色身体绑定流程、蒙皮权重的绘制、面部表情的绑定与修改,让你轻松绑定自己的角色模型,再也http://cgmomo.com/course/detail/2c92809a781637d901781b14c0360000.html
14.Linux下apache如何解析/绑定(.中国)中文域名–苏demo的别样人生中文域名在解析的时候,需要先转换为 xn--fiq228c.com或xn--fiq228c.cn形式的ASCII码,这种编码称为PunyCode。纯中文域名不被标准的解析服务器支持,要实现对这种纯中文域名的正确访问,ISP需要做相应的修改,以便能够正确解析中文域名。同时CNNIC也提供了专用服务器,用户只要将浏览器的DNS设置指向这台服务器,它同样可以https://www.libaocai.com/?p=4445
15.手机usb绑定驱动usb绑定rndis驱动电脑版免费下载[中文版]usb绑定rndis驱动是一款手机驱动软件,目前已经更新到中文版版本啦。手机usb绑定驱动,该版本修复了之前的bug,优化了界面,大大提高了用户体验。下载之家提供usb绑定rndis驱动的免费下载。 相关软件 相关软件下载地址 小米平板3USB驱动 查看 华为荣耀V9USB驱动 查看 iphone usb驱动 查看 vivo x7手机usb驱动 查看 usb绑定rnhttp://mip.downza.cn/soft/232615.html
16.云虚拟主机域名解析显示IP不合法?如何绑定中文域名云虚拟主机域名解析显示IP不合法?如何绑定中文域名 绑定域名前,先将中文域名进行转码,再到虚拟主机面板里进行绑定域名,二次转码不会造成网站影响; 点击下方在线转码工具地址,将您的域名填写到里面后会输出一个转码后的地址,将该地址绑定到面板处。 中文域名转码 - 站长工具 (chinaz.com)https://www.qingyunl.com/knowledgebase/52/%E4%BA%91%E8%99%9A%E6%8B%9F%E4%B8%BB%E6%9C%BA%E5%9F%9F%E5%90%8D%E8%A7%A3%E6%9E%90%E6%98%BE%E7%A4%BAIP%E4%B8%8D%E5%90%88%E6%B3%95%E5%A6%82%E4%BD%95%E7%BB%91%E5%AE%9A%E4%B8%AD%E6%96%87%E5%9F%9F%E5%90%8D.html
17.起点中文网怎么解除手机绑定起点中文网解除手机绑定的方法想要解除起点中文网上的手机绑定,不知道具体方法?赶快来了解一下吧。php小编子墨将详细介绍起点中文网解除手机绑定的操作步骤,手把手教你轻松解决这个难题,让你尽享阅读乐趣。 一、打开百度搜索,在搜索栏输入“起点小说网”,搜索后找到起点中文网官网并点击进入。 https://m.php.cn/faq/832090.html
18.待反馈宝塔面板绑定中文域名无法访问Linux面板在宝塔面板内创建网站并绑定中文域名,网站创建成功并上传源码到空间进行安装后,浏览器无法访问网站绑定的https://www.bt.cn/bbs/thread-60840-1-1.html
19.无忧主机空间后台如何绑定中文域名将中文域名绑定到空间的操作方法和步骤如下:1、 请你打开中国互联网络信息中心,中文域名转换英文域名的,域名转换网址:http://www.cnnic.net.cn/html/Dir/2003/10/29/1112.htm2、输入你的中文域名.本教程将使用中文域名无忧主机.com来演示。好了,现在我们打开CNNIC中文域名在线转换网址,输入中文域名:无忧主机.com,https://www.51php.com/wordpress/6285.html
20.中文版AE脚本灵感与现实之间最短的距离是一条弯曲的线。为角色制作动画可以解锁新的设计理念,而 Rubberhose 就是为了探索而设计的。一切都是可调节的,并且由于新的绑定理念,您永远不必丢弃关键帧。且保持灵活性。v3中引入了一组新概念https://www.vfxcool.com/38023.html
21.中文域名解析方法(中文.com等)阿里云服务器报价自2007年4月14日起,支持在我司的虚拟主机上直接绑定中文域名,系统会自动为您转码。 将中文域名解析到您的服务器(虚拟主机)上,然后在您的服务器(虚拟主机)上绑定中文域名转码后的字符串(在绑定域名的时候,不能直接填网通.cn,而应填其转码后的字符串:xn--kdv462b1xm24g.cn ),即可通过中文域名直接访问。 https://www.wanweiwang.cn/FAQ/view/130.html
22.部落冲突账号绑定工具最新版下载软件语言:简体中文 更新时间:2024-05-27 15:02 软件类别:安卓手游 / 手游辅助 软件性质:共享版 运行环境:Android 厂商:未知 软件介绍 猜您喜欢 相关专题 部落冲突账号绑定工具腾讯版app支持昆仑账号、百度账号、九游账号数据转腾讯服,无需创建新号,直接转移游戏数据,加入腾讯服的大部落,让账号延续,软件功能实用,安https://www.ggzha.com/az/40496.html
23.灵魂绑定:冥界物语灵魂绑定:冥界物语简体中文版游戏《灵魂绑定:冥界物语》简体中文版简体中文版 游戏大小:1.59GB 授权方式:免费游戏 游戏类型:免费 游戏语言:简中 运行环境:PC 更新日期:2024-10-26游戏介绍 下载地址 大家都在用 评论游戏介绍 游戏介绍 《灵魂绑定:冥界物语(Soulbind: Tales Of The Underworld)》是由Rubedo Games制作并发行的一款动作游戏。你将https://www.sxiaw.com/down/24750.html
24.Allegro卖家怎么设置中文,Allegro如何修改绑定邮箱下面一起看设置中文的步骤,以及了解Allegro如何修改绑定邮箱。 对于Allegro卖家来说如何切换平台语言满足自身需求?下面一起看设置中文的步骤,以及了解Allegro如何修改绑定邮箱。 Allegro卖家怎么设置中文? 卖家首先登陆Allegro后台。登录后,点击右上角的账号→点击 SALE 选项卡→点击 my sell 进入卖家页面https://www.cifnews.com/article/154878
25.3DMax中文版骨骼绑定插件下载3d溜溜设计问答平台为广大设计师们提供各种3DMax中文版骨骼绑定插件下载问题解答,3d溜溜素材问答平台汇聚全球各地的设计师、名师名司、设计爱好者等设计灵感和经验,迅速为您解决3DMax中文版骨骼绑定插件下载的困惑。https://www.3d66.com/answers_relation/relation_2201170.html
26.中文字幕Blender角色绑定完全自学指南视频教程更多相关内容请关注:Substance视频教程专区,中文字幕教程专区 本教程是关于【中文字幕】Blender角色绑定完全https://www.rrcg.cn/thread-16789685-1-1.html
27.《中文版Maya绑定动画案例高级教程》(杨桂民高维郝艳朋宋丹中文版Maya绑定动画案例高级教程Maya材质灯光渲染的艺术CC中文版从入门到精通cs3特效设计经典150例CS5-中文版从入门精通(1dvd) 北京中青雄狮文化传媒有限公司当当自营 进入店铺收藏店铺 商品详情 开本:16开 纸张:胶版纸 包装:平装-胶订 是否套装:否 国际标准书号ISBN:9787515346632 http://product.dangdang.com/25069481.html
28.LVGL中文手册第2页我要Lvgl中文手册 https://bbs.16rd.com/thread-590998-2-1.html
29.绑定角色输不了中文,沃特碧们的Colg,DNF地下城与勇士脑溢血了,这什么bug啊 https://bbs.colg.cn/thread-9099370-1-250.html
30.IPOPv4.1绿色中文免费版IP地址动态绑定等下载软件语言:简体中文 软件类型:国产软件 软件授权:免费软件 软件类别:IP 工具 应用平台:Windows平台 软件官网:未知官方 更新时间:2012-12-11 网友评分: 360通过腾讯通过金山通过 2.1MB 详情介绍 IPOP软件是一个IP工具的集合,最原始的功能是IP地址动态绑定,后续在此基础上不断的进行了扩充,就形成了现在的版本。 https://www.jb51.net/softs/41976.html
31.001绑定Miarmy中文快速上手视频教程群体动画教程Miarmy中文快速上手视频-1 02分 43秒 高清 下载 Miarmy中文快速上手视频-2 06分 18秒 高清 下载 Miarmy中文快速上手视频-3 08分 16秒 高清 下载 Miarmy中文快速上手视频-4 08分 28秒 高清 下载 Miarmy中文快速上手视频-5 06分 50秒 高清 下载 001 绑定 03分 08秒 高清 下载 002 原始代理 02https://www.aigei.com/item/001_bang_ding.html