<p dir="auto">I have noticed that it's not possible to pass data to the root level component using properties.</p>
<p dir="auto">I was hoping to pass data to the root level component as a way to initialize it from external data sources.<br>
One simple example would be a JavaScript object defined in index.html - outside of Angular.<br>
Ex:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;demo-app [testing]=&quot;[1,2,3]&quot;&gt;&lt;/demo-app&gt;"><pre class="notranslate"><code class="notranslate">&lt;demo-app [testing]="[1,2,3]"&gt;&lt;/demo-app&gt;
</code></pre></div>
<p dir="auto">Assume the above root level component in my index.html page. I would like to pass an array to the testing property as a way to initialize the main component.</p>
<p dir="auto">This doesn't seem to work and I find this to be an unfortunate limitation since the alternative is to define a global variable that I can access from inside the component. Instead we should be able to just "ferry" in the data via properties.</p>
<p dir="auto"><a href="http://plnkr.co/edit/5731Z9N6tQ391gQtfZrA?p=preview" rel="nofollow">http://plnkr.co/edit/5731Z9N6tQ391gQtfZrA?p=preview</a></p>
<p dir="auto">I've been over the documentation 10 times, I've read through the source code, tutorials, the works...  and I still can't wrap my head around what I'm doing wrong.</p>
<p dir="auto">all I want to do is:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;app myTitle='my awesome title'&gt;  "><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">app</span> <span class="pl-c1">myTitle</span>='<span class="pl-s">my awesome title</span>'<span class="pl-kos">&gt;</span>  </pre></div>
<p dir="auto">and access myTitle from inside the constructor.</p>
<p dir="auto">Is that possible in NG2?</p>