Why do I see component tags around component templates??

Hi! Why do I see component tags around component templates?? As result my sidebar dropdown does not work! What cause this problem?

Angular CLI: 1.6.4
Node: 8.2.1
OS: win32 x64
Angular: 5.2.0
... animations, common, compiler, compiler-cli, core, forms
... http, platform-browser, platform-browser-dynamic
... platform-server, router

@angular/cli: 1.6.4
@angular-devkit/build-optimizer: 0.0.37
@angular-devkit/core: 0.0.24
@angular-devkit/schematics: 0.0.45
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.4
@schematics/angular: 0.1.12
typescript: 2.4.2
webpack: 3.10.0

[mlc-mlapis]

@kolkov … because they are custom components which have their own tags. If you use attribute components, directives or <ng-container> (<ng-template>) then they would not be there.

[mlc-mlapis]

@kolkov … yes, there are some specific cases where you need to avoid of adding custom component tags to DOM (as for example <TABLE><TR><TD> structures) … then so called attribute components take their roles (… <tr myAttributeComponent>...</tr>). Also <ng-container> (<ng-template>) play important roles in many Angular abstraction constructs. You can also use fully programmatic way of creating components … many times combined with dynamic loading of so called lazy loaded modules …