kockout.js的viewmodel物件的屬性,在javascript中呼叫的兩種寫法
阿新 • • 發佈:2019-01-22
第一種:
<div>計數:<span data-bind="text: countNumber"></span></div>
<button type="submit" data-bind="click: addCount">點選增加數字</button>
<script type="text/javascript">
var viewModel = {
countNumber: ko.observable(0)
};
viewModel.addCount = function () {
var cn = viewModel.countNumber();
viewModel.countNumber(cn + 1);
}
ko.applyBindings(viewModel);
</script>
第二種:
<div>
You've clicked <span data-bind="text: numberOfClicks"></span> times
<button data-bind="click: incrementClickCounter">Click me</button>
</div>
<script type="text/javascript">
var viewModel = {
numberOfClicks : ko.observable(0), // 計數,0不帶引號。
incrementClickCounter : function() {
var previousCount = this.numberOfClicks();
this.numberOfClicks(previousCount + 1);
}
};
</script>