fix(compiler): do not autoinclude components declared as entry points (#10898)

modules/playground/src/animate/index.ts

@@ -11,7 +11,7 @@ import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
 import {AnimateApp} from './app/animate-app';
 
-@NgModule({bootstrap: [AnimateApp], imports: [BrowserModule]})
+@NgModule({declarations: [AnimateApp], bootstrap: [AnimateApp], imports: [BrowserModule]})
 class ExampleModule {
 }
 

modules/playground/src/async/index.ts

@@ -98,7 +98,8 @@ class AsyncApplication {
   };
 }
 
-@NgModule({bootstrap: [AsyncApplication], imports: [BrowserModule]})
+@NgModule(
+    {declarations: [AsyncApplication], bootstrap: [AsyncApplication], imports: [BrowserModule]})
 class ExampleModule {
 }
 

modules/playground/src/gestures/index.ts

@@ -25,7 +25,7 @@ class GesturesCmp {
   onRotate(event: any /** TODO #9100 */): void { this.rotateAngle = event.rotation; }
 }
 
-@NgModule({bootstrap: [GesturesCmp], imports: [BrowserModule]})
+@NgModule({declarations: [GesturesCmp], bootstrap: [GesturesCmp], imports: [BrowserModule]})
 class ExampleModule {
 }
 

modules/playground/src/hello_world/index.ts

@@ -57,6 +57,6 @@ export class HelloCmp {
   changeGreeting(): void { this.greeting = 'howdy'; }
 }
 
-@NgModule({bootstrap: [HelloCmp], declarations: [RedDec], imports: [BrowserModule]})
+@NgModule({bootstrap: [HelloCmp], declarations: [HelloCmp, RedDec], imports: [BrowserModule]})
 class ExampleModule {
 }

modules/playground/src/http/index.ts

@@ -13,7 +13,7 @@ import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
 import {HttpCmp} from './app/http_comp';
 
-@NgModule({bootstrap: [HttpCmp], imports: [BrowserModule, HttpModule]})
+@NgModule({declarations: [HttpCmp], bootstrap: [HttpCmp], imports: [BrowserModule, HttpModule]})
 class ExampleModule {
 }
 

modules/playground/src/key_events/index.ts

@@ -41,7 +41,7 @@ class KeyEventsApp {
   resetShiftEnter(): void { this.shiftEnter = false; }
 }
 
-@NgModule({bootstrap: [KeyEventsApp], imports: [BrowserModule]})
+@NgModule({declarations: [KeyEventsApp], bootstrap: [KeyEventsApp], imports: [BrowserModule]})
 class ExampleModule {
 }
 

modules/playground/src/model_driven_forms/index.ts

@@ -158,7 +158,7 @@ class ReactiveForms {
 
 @NgModule({
   bootstrap: [ReactiveForms],
-  declarations: [ShowError],
+  declarations: [ReactiveForms, ShowError],
   imports: [BrowserModule, ReactiveFormsModule]
 })
 class ExampleModule {

modules/playground/src/order_management/index.ts

@@ -197,7 +197,8 @@ class OrderManagementApplication {
 
 @NgModule({
   bootstrap: [OrderManagementApplication],
-  declarations: [OrderListComponent, OrderDetailsComponent, OrderItemComponent],
+  declarations:
+      [OrderManagementApplication, OrderListComponent, OrderDetailsComponent, OrderItemComponent],
   imports: [BrowserModule, FormsModule]
 })
 class ExampleModule {

modules/playground/src/person_management/index.ts

@@ -198,7 +198,8 @@ class PersonManagementApplication {
 
 @NgModule({
   bootstrap: [PersonManagementApplication],
-  declarations: [FullNameComponent, PersonsComponent, PersonsDetailComponent],
+  declarations:
+      [PersonManagementApplication, FullNameComponent, PersonsComponent, PersonsDetailComponent],
   imports: [BrowserModule, FormsModule]
 })
 class ExampleModule {

modules/playground/src/relative_assets/index.ts

@@ -24,6 +24,6 @@ export function main() {
 export class RelativeApp {
 }
 
-@NgModule({bootstrap: [RelativeApp], imports: [BrowserModule]})
+@NgModule({declarations: [RelativeApp], bootstrap: [RelativeApp], imports: [BrowserModule]})
 class ExampleModule {
 }

modules/playground/src/sourcemap/index.ts

@@ -20,7 +20,7 @@ export class ErrorComponent {
   createError(): void { throw new BaseException('Sourcemap test'); }
 }
 
-@NgModule({bootstrap: [ErrorComponent], imports: [BrowserModule]})
+@NgModule({declarations: [ErrorComponent], bootstrap: [ErrorComponent], imports: [BrowserModule]})
 class ExampleModule {
 }
 

modules/playground/src/svg/index.ts

@@ -23,7 +23,7 @@ class SvgGroup {
 class SvgApp {
 }
 
-@NgModule({bootstrap: [SvgApp], declarations: [SvgGroup], imports: [BrowserModule]})
+@NgModule({bootstrap: [SvgApp], declarations: [SvgApp, SvgGroup], imports: [BrowserModule]})
 class ExampleModule {
 }
 

modules/playground/src/template_driven_forms/index.ts

@@ -169,7 +169,11 @@ class TemplateDrivenForms {
     print(this.model);
   }
 }
-@NgModule({bootstrap: [TemplateDrivenForms], imports: [BrowserModule]})
+@NgModule({
+  declarations: [TemplateDrivenForms],
+  bootstrap: [TemplateDrivenForms],
+  imports: [BrowserModule]
+})
 class ExampleModule {
 }
 

modules/playground/src/todo/index.ts

@@ -51,7 +51,7 @@ class TodoApp {
   clearCompleted(): void { this.todoStore.removeBy((todo: Todo) => todo.completed); }
 }
 
-@NgModule({bootstrap: [TodoApp], imports: [BrowserModule]})
+@NgModule({declarations: [TodoApp], bootstrap: [TodoApp], imports: [BrowserModule]})
 class ExampleModule {
 }
 

modules/playground/src/web_workers/images/background_index.ts

@@ -12,7 +12,7 @@ import {platformWorkerAppDynamic} from '@angular/platform-browser-dynamic';
 
 import {ImageDemo} from './index_common';
 
-@NgModule({imports: [WorkerAppModule], bootstrap: [ImageDemo]})
+@NgModule({imports: [WorkerAppModule], bootstrap: [ImageDemo], declarations: [ImageDemo]})
 class ExampleModule {
 }
 

modules/playground/src/web_workers/input/background_index.ts

@@ -12,7 +12,7 @@ import {platformWorkerAppDynamic} from '@angular/platform-browser-dynamic';
 
 import {InputCmp} from './index_common';
 
-@NgModule({imports: [WorkerAppModule], bootstrap: [InputCmp]})
+@NgModule({imports: [WorkerAppModule], bootstrap: [InputCmp], declarations: [InputCmp]})
 class ExampleModule {
 }
 

modules/playground/src/web_workers/kitchen_sink/background_index.ts

@@ -12,7 +12,7 @@ import {platformWorkerAppDynamic} from '@angular/platform-browser-dynamic';
 
 import {HelloCmp} from './index_common';
 
-@NgModule({imports: [WorkerAppModule], bootstrap: [HelloCmp]})
+@NgModule({imports: [WorkerAppModule], bootstrap: [HelloCmp], declarations: [HelloCmp]})
 class ExampleModule {
 }
 

modules/playground/src/web_workers/message_broker/background_index.ts

@@ -12,7 +12,7 @@ import {platformWorkerAppDynamic} from '@angular/platform-browser-dynamic';
 
 import {App} from './index_common';
 
-@NgModule({imports: [WorkerAppModule], bootstrap: [App]})
+@NgModule({imports: [WorkerAppModule], bootstrap: [App], declarations: [App]})
 class ExampleModule {
 }
 

modules/playground/src/web_workers/todo/background_index.ts

@@ -12,7 +12,7 @@ import {platformWorkerAppDynamic} from '@angular/platform-browser-dynamic';
 
 import {TodoApp} from './index_common';
 
-@NgModule({imports: [WorkerAppModule], bootstrap: [TodoApp]})
+@NgModule({imports: [WorkerAppModule], bootstrap: [TodoApp], declarations: [TodoApp]})
 class ExampleModule {
 }
 

modules/playground/src/zippy_component/index.ts

@@ -30,7 +30,7 @@ class ZippyApp {
   pushLog(log: string) { this.logs.push(log); }
 }
 
-@NgModule({bootstrap: [ZippyApp], imports: [BrowserModule]})
+@NgModule({declarations: [ZippyApp], bootstrap: [ZippyApp], imports: [BrowserModule]})
 class ExampleModule {
 }