可觀察屬性

讀取可觀察屬性:myViewModel.personName()

設(shè)置可觀察屬性:myViewModel.personName(““ Mary”“)

同時(shí)設(shè)置多個(gè)可觀察屬性:myViewModel.personName(“ Mary””)。personAge(50)鏈?zhǔn)秸Z(yǔ)法

數(shù)組

  • 初始化空數(shù)組
var myObservableArray = ko.observableArray();  
myObservableArray.push(""Some value"");            // 加值并通知觀察者
  • 初始化賦值
var anotherObservableArray = ko.observableArray([
    { name: "Bungle", type: "Bear" },
    { name: "George", type: "Hippo" },
    { name: "Zippy", type: "Unknown" }
]);
  • 自定義排序
myObservableArray.sort(function(left, right) { return left.lastName == right.lastName ? 0 : (left.lastName < right.lastName ? -1 : 1) })

三目運(yùn)算嵌套

  • 數(shù)組截取
    myObservableArray.splice()
myObservableArray.splice(1, 3)
// 代表從數(shù)組的第一個(gè)元素開(kāi)始,截取三個(gè)元素,并且將他們作為數(shù)組返回。

*其他常用的數(shù)組方法
unshift ,push: 增加 ; shift, pop:刪除 ; reverse: 反轉(zhuǎn)

  • 特有的方法
    remove
myObservableArray.remove(someItem)
//  移除myObservableArray數(shù)組內(nèi)所有匹配someItem的對(duì)象, 并把這些對(duì)象組成一個(gè)數(shù)組返回

myObservableArray.remove(function(item) { return item.age < 18 }) 
// 移除myObservableArray數(shù)組內(nèi)所有年齡屬性小于18的對(duì)象,并返回這些對(duì)象組成的新數(shù)組

removeAll
移除myObservableArray數(shù)組內(nèi)所有數(shù)據(jù),并返回這些數(shù)據(jù)組成的一個(gè)新數(shù)組

myObservableArray.removeAll(['Chad', 132, undefined])
// 移除myObservableArray數(shù)組內(nèi)所有匹配'Chad',123, orundefined 的對(duì)象并把它們組成新數(shù)組返回
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容