Contenu connexe
Similaire à KnockoutJS勉強会 プロジェクトにmvvmを適用する狙い (20)
KnockoutJS勉強会 プロジェクトにmvvmを適用する狙い
- 10. データバインディングの例
価格:<input type=“text” data-bind=“value:price” id=“priceText”>
消費税率:<span data-bind=“text:taxRate” id=“taxSpan”> % <hr>
税込金額:<span data-bind=“text:taxIncluded” id=“taxIncludedSpan”> 円
1000価格:
8消費税率: %
税込金額: 1080 円
function SomeViewModel(){
this.price = ko.observable(1000);
this.taxRate = ko.observable(8);
this.taxInclude=ko.computed(function(){
return calcTaxRate(this.price,this.taxRate);
});
}
価格を2000にすると、税込金額は2160に変わる