本文整理匯總了TypeScript中knockout.mapping類的典型用法代碼示例。如果您正苦於以下問題:TypeScript mapping類的具體用法?TypeScript mapping怎麽用?TypeScript mapping使用的例子?那麽, 這裏精選的類代碼示例或許可以為您提供幫助。
在下文中一共展示了mapping類的2個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: constructor
(function() {
interface ViewModel {
name: ko.Observable<string>;
children: ko.ObservableArray<MyChildModel>;
}
class MyChildModel {
id: ko.Observable<number>;
name: ko.Observable<string>;
nameLength: ko.Computed<number>;
constructor(data) {
mapping.fromJS(data, {}, this);
this.nameLength = ko.pureComputed(() => this.name().length, this);
}
}
const data = {
name: 'Scott',
children: [
{ id : 1, name : 'Alice' }
]
};
const options: mapping.Options = {
ignore: ["propertyToIgnore", "alsoIgnoreThis"],
include: ["propertyToInclude", "alsoIncludeThis"],
copy: ["propertyToCopy"],
observe: ["propertyToObserve"],
"name": {
update: options => options.data + " foo!"
},
"children": {
key: data => ko.utils.unwrapObservable(data.id),
create: options => new MyChildModel(options.data)
}
};
const viewModel = mapping.fromJS<ViewModel>(data, options);
// Every time data is received from the server:
mapping.fromJS(data, options, viewModel);
const unmapped = mapping.toJS(viewModel);
})();
示例2:
(function() {
interface ViewModel {
serverTime: ko.Observable<string>;
numUsers: ko.Observable<number>;
}
const data = {
serverTime: '2010-01-07',
numUsers: 3
};
const viewModel = mapping.fromJS<ViewModel>(data);
// Every time data is received from the server:
mapping.fromJS(data, viewModel);
const unmapped = mapping.toJS(viewModel);
})();