<div>
<div class="content wysiwyg-content">
Hi all,<br />
in the official ng-book (p. 73) I read that is possible indicate an angular 6 component tag in 2 different ways. Example from the official manual:<br />
<br />
1) &lt;inventory-app-root&gt;&lt;/inve<wbr />ntory-app-<wbr />root&gt;<br />
2) &lt;div inventory-app-root&gt;&lt;/div&gt;<br />
<br />
but in my Angular application only the 1st way works. <br />
<br />
<br />
&lt;app-test-component&gt;&lt;/app-<wbr />test-compo<wbr />nent&gt;<br />
(work)<br />
<br />
&nbsp;&lt;div app-test-component&gt;&lt;/div&gt;<br />
(doesn't work)<br />
<br />
Why?<br />
Thank you very much
</div>
</div>


Hi all,
in the official ng-book (p. 73) I read that is possible indicate an angular 6 component tag in 2 different ways. Example from the official manual:

1) <inventory-app-root></inventory-app-root>
2) <div inventory-app-root></div>

but in my Angular application only the 1st way works. 


<app-test-component></app-test-component>
(work)

 <div app-test-component></div>
(doesn't work)

Why?
Thank you very much

Angular component tag

Angular is a JavaScript open-source web application framework used to develop single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–view-model (MVVM) architectures, along with components commonly used in rich Internet applications. Angular is the front-end part of the MEAN stack, together with Node.js runtime, Express.js backend framework and MongoDB database.

Angular

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.