Can Angular 2 component interact with elements on index.html?
<p>I like to know if there is way to pre-write "dynamic" Angular 2 inputs and outputs on the index.html file, and the embedded Angular 2 app can bind with those elements?</p>

<p>i.e. index.html</p>

<pre><code>&lt;body&gt;
   &lt;my-app&gt;Loading...&lt;/my-app&gt;
   &lt;div&gt;{{getData}}&lt;/div&gt;
   &lt;button (click)="onTestGet()"&gt;Click me to test get data&lt;/button&gt;
&lt;/body&gt;
</code></pre>

<p>where the Angular 2 app will be rendered inside the <code>&lt;my-app&gt;</code> tag. </p>

<p>I have made the <code>{{getData}}</code> and the button worked well when they are inside the Angular template. But for now, when they are inside index.html, they are just dumb elements.</p>