麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

Knockout visible綁定使用方法

2019-11-20 21:41:25
字體:
供稿:網(wǎng)友
簡單的綁定

首先還是先定義一個ViewModel
復(fù)制代碼 代碼如下:

    var AppViewModel = {
        shouldShowMessage: ko.observable(true)  ///初始化的時候div是visible的    
    };

    AppViewModel.shouldShowMessage = ko.observable(false);   ///現(xiàn)在hidden勒
    ko.applyBindings( AppViewModel);


并且通過ko.applyBindins進行激活Knockout。
然后定義一個UI界面元素
復(fù)制代碼 代碼如下:

<div data-bind="visible:shouldShowMessage">
    You will see this message only when "shouldShowMessage" holds a true value.
</div>

運行之后此div在初始化的時候還是顯示的可以,之后就被重新賦值為false,導(dǎo)致此div被隱藏掉了。
參數(shù):
當(dāng)參數(shù)設(shè)置為一個假值時(例如:布爾值false, 數(shù)字值0, 或者null, 或者undefined) ,該綁定將設(shè)置該元素的style.display值為none,讓元素隱藏。它的優(yōu)先級高于你在CSS里定義的任何display樣式。
當(dāng)參數(shù)設(shè)置為一個真值時(例如:布爾值true,或者非空non-null的對象或者數(shù)組) ,該綁定會刪除該元素的style.display值,讓元素可見。然后你在CSS里自定義的display樣式將會自動生效。
如果參數(shù)是監(jiān)控屬性observable的,那元素的visible狀態(tài)將根據(jù)參數(shù)值的變化而變化,如果不是,那元素的visible狀態(tài)將只設(shè)置一次并且以后不在更新。
使用函數(shù)或者表達式來控制元素的可見性
你也可以使用JavaScript函數(shù)或者表達式作為參數(shù)。這樣的話,函數(shù)或者表達式的結(jié)果將決定是否顯示/隱藏這個元素。例如:
復(fù)制代碼 代碼如下:

<script type="text/javascript">
    var AppViewModel = {
        shouldShowMessage: ko.observable(true),   ///初始化的時候div是visible的
        myValues: ko.observableArray([])        
    };

    AppViewModel.shouldShowMessage = ko.observable(false);   ///現(xiàn)在hidden勒
    AppViewModel.myValues.push("some value");                   ///向myValues數(shù)組中 添加一個項
    ko.applyBindings( AppViewModel);
</script>

在ViewModel中添加了一個myValues的屬性值
同時給myValues的數(shù)組添加了一個項
并且在頁面UI中綁定了一個元素
復(fù)制代碼 代碼如下:

<div data-bind="visible: myValues().length > 0">   
  You will see this message only when 'myValues' has at least one member.
</div>

就這樣當(dāng)添加完"some value"元素之后,myValues().length>0 則結(jié)果為true
那么此div就會顯示出來。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 99999久久久久久 | 美女污污在线观看 | 91av在线免费视频 | 免费观看一区二区三区视频 | 日韩视频精品一区 | 日韩视频在线观看免费视频 | 一级黄色免费观看 | 国产一区二区三区在线观看视频 | 亚洲天堂成人在线观看 | 亚洲成人夜色 | 久草手机在线视频 | 国产伦乱视频 | 久草在线免费看 | 中文字幕在线亚洲精品 | 在线成人免费视频 | 黄色毛片观看 | 欧美在线观看视频一区二区 | 羞羞视频一区 | 一级免费大片 | 26uuu成人人网图片 | 国产精品av久久久久久网址 | 色屁屁xxxxⅹ在线视频 | 色播视频在线播放 | 深夜精品福利 | www.射| 久久免费视频5 | 亚洲免费视频大全 | 国产成人精品区 | 欧美成人精品h版在线观看 久久久久久三区 | 黄色视频a级毛片 | 法国性hdfreexxxx人妖 | 国产一区日韩精品 | 宅男噜噜噜66国产在线观看 | 九九热精品视频在线 | 久久精品日产第一区二区三区 | 日韩深夜视频 | 国产成人小视频在线观看 | 久久狠狠高潮亚洲精品 | 蜜桃视频在线观看免费 | 久久精品一区二区三区四区五区 | 久久久久久久爱 |