Angular 2 function inside callback value not updating view
<p>I have created function and inside function i'm calling one callback function after callback response I have update string variable but this string variable not updating my view.</p>

<pre><code>import { Component } from 'angular2/core'; 

@Component({
    selector : "myview"
    templateUrl : 'app/view/myview.component.html'
})


export class ViewComponent {

        getAddress : string;
        public totlaBalance : string;

        getBalance():void{
             var self = this;
             getBalanceData(this.getAddress,function(error,res){
                 console.log(res);
                 self.totlaBalance = res;


            });
        }
}
</code></pre>

<p>In html file </p>

<pre><code>&lt;h1&gt;Balance = {{totlaBalance}} &lt;/h1&gt;
</code></pre>

<p>package.js</p>

<pre><code> "dependencies": {
        "angular2": "2.0.0-beta.15",
        "systemjs": "0.19.26",
        "es6-shim": "^0.35.0",
        "reflect-metadata": "0.1.2",
        "rxjs": "5.0.0-beta.2",
        "zone.js": "0.6.10",
        "bootstrap": "^3.3.6"
    },
</code></pre>

<p>In console value showing but in view value not updating.<br/>
I'm using 3rd party callback function its not allowing arrow function.</p>