title: How to Attach a Variable to $scope in Angular 2?
body: <p>Finding angular 2 syntax is pain - everything is outdated. With that said, what is the proper way to attach variables (simple or objects) to "$scope"? (I realize the idea of controller $scope doesn't exist anymore...or controllers for that matter):</p>
  
  <pre><code>import {Component} from '@angular/core'
  
  @Component({
    selector: 'testtag',
    templateUrl: './simplecomponent.component.html',
  })
  
  export class SimpleComponent {
  
    public myNumber : number = 5; 
  
  }
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div&gt;Hi from component template! {{myNumber}}&lt;/div&gt;
  </code></pre>
  
  <p>This code <a href="http://plnkr.co/edit/eKQeZbPG0I8vJrhdep8M?p=preview" rel="nofollow">works</a>. I can see "5" in my template output. HOWEVER, everything I have read seems to to say that I need to do something like <code>this.muNumber = 5;</code>. Is that for when plain javascript is used? Is <code>this</code> even relevant when using typescript? If so, how? </p>
  
  <p>tl;dr: What's the proper way to do one way and two-way binding in Angular 2 as of right now? (Now that "final" Angular 2 is out). </p>