title: Angular 2: Binding with JS without Node.js
body: <p>I'm using last available public version (beta17) and I can't understand why a simple binding (convert by fly) doesn't work there.
  What's the problem with the plnkr?
  <a href="http://plnkr.co/edit/PfAUb5hOvgTcn0vbOdG1" rel="nofollow">http://plnkr.co/edit/PfAUb5hOvgTcn0vbOdG1</a></p>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;meta charset='utf-8'/&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;!-- CSS --&gt;
    &lt;link rel='stylesheet' href='assets/bootstrap4.0.0-alpha.4/css/bootstrap.css' type="text/css"/&gt;
    &lt;!-- Angular libraries --&gt;
    &lt;script src="https://code.angularjs.org/2.0.0-beta.17/angular2-polyfills.js"&gt;&lt;/script&gt;
    &lt;script src="https://code.angularjs.org/2.0.0-beta.17/Rx.umd.js"&gt;&lt;/script&gt;
    &lt;script src="https://code.angularjs.org/2.0.0-beta.17/angular2-all.umd.dev.js"&gt;&lt;/script&gt;
    &lt;!-- Angular app modules --&gt;
    &lt;script src='app/app.js'&gt;&lt;/script&gt;
    &lt;script src="app/components/converter/converter.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body align='center'&gt;
    &lt;h1&gt;Temperature Converter using Angular 2&lt;/h1&gt;
    &lt;converter class='converter'&gt;&lt;/converter&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>/app/app.js</strong></p>
  
  <pre><code>'use strict';
  
  (function (app) {
    document.addEventListener('DOMContentLoaded', () =&gt; {
      ng.platform.browser.bootstrap(app.ConverterComponent);
    });
  })(window.app || (window.app = {}));
  </code></pre>
  
  <p><strong>/app/components/converter/converter.js</strong></p>
  
  <pre><code>(function (app) {
    app.ConverterComponent = ng.core
      .Component({
        selector: 'converter',
        templateUrl: '/app/components/converter/template.html'
        })
      .Class({
        constructor: function () {
          this.temperature = '';
  
          let temp = this.temperature;
  
          temp = parseInt(temp, 10);
          this.fahrenheit = ((9 / 5) * temp) + 32;
          this.kelvin = (temp + 273.15);
        }
      })
  
  })(window.app || (window.app = {}));
  </code></pre>
  
  <p><strong>/app/components/converter/template.html</strong></p>
  
  <pre><code>&lt;div class="box"&gt;
  
    &lt;div&gt;
        &lt;label for="temp"&gt;Enter your temperature (ºC):&lt;/label&gt;
        &lt;br&gt;
        &lt;input id="temp" [(ngModel)]="temperature" class="textfield"&gt;
    &lt;/div&gt;
  
    &lt;div [hidden]="temperature"&gt;
      Waiting for your temperature...
    &lt;/div&gt;
  
    &lt;div [hidden]="!temperature"&gt;
      &lt;h3&gt;{{fahrenheit}} ºF&lt;/h3&gt;
      &lt;h3&gt;{{kelvin}} K&lt;/h3&gt;
    &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>