knockoutのsubscribe

Knockout Advent Calendar 2015

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-debug.js"></script>
<script src="https://mbest.github.io/knockout.punches/knockout.punches.js"></script>
<script src="https://rawgit.com/SteveSanderson/knockout-es5/master/dist/knockout-es5.js"></script>
あなたの名前は？:<input type="text" data-bind="value:myName">

<div>こんにちは！{{myName}}さん</div>

JavaScript

function VM(){
    this.myName= "山田";
    ko.track(this);
    ko.getObservable(this,'myName').subscribe(function(myName){
        alert('名前が、'+myName+'に変わりました');
    });
};
var vm = new VM();

ko.punches.enableAll();
ko.applyBindings(vm);