refactor(core): remove deprecated 'bootstrap' (#10831)

modules/@angular/examples/compiler/ts/url_resolver/url_resolver.ts

@@ -7,7 +7,9 @@
  */
 
 import {UrlResolver} from '@angular/compiler';
-import {bootstrap} from '@angular/platform-browser-dynamic';
+import {NgModule} from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
 var MyApp: any;
 
@@ -22,5 +24,15 @@ class MyUrlResolver extends UrlResolver {
   }
 }
 
-bootstrap(MyApp, [{provide: UrlResolver, useClass: MyUrlResolver}]);
+@NgModule({
+  imports: [BrowserModule],
+  providers: [{provide: UrlResolver, useClass: MyUrlResolver}],
+  bootstrap: [MyApp]
+})
+class AppModule {
+}
+
+export function main() {
+  platformBrowserDynamic().bootstrapModule(AppModule);
+}
 // #enddocregion

modules/@angular/examples/core/pipes/ts/async_pipe/async_pipe_example.ts

@@ -6,8 +6,9 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {Component} from '@angular/core';
-import {bootstrap} from '@angular/platform-browser-dynamic';
+import {Component, NgModule} from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 import {Observable, Subscriber} from 'rxjs/Rx';
 
 // #docregion AsyncPipePromise
@@ -62,6 +63,10 @@ class Task {
 export class AppCmp {
 }
 
-export function main() {
-  bootstrap(AppCmp);
+@NgModule({imports: [BrowserModule], bootstrap: [AppCmp]})
+class AppModule {
+}
+
+export function main() {
+  platformBrowserDynamic().bootstrapModule(AppModule);
 }

modules/@angular/examples/core/pipes/ts/date_pipe/date_pipe_example.ts

@@ -6,8 +6,9 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {Component} from '@angular/core';
-import {bootstrap} from '@angular/platform-browser-dynamic';
+import {Component, NgModule} from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
 // #docregion DatePipe
 @Component({
@@ -34,6 +35,10 @@ export class DatePipeExample {
 export class AppCmp {
 }
 
-export function main() {
-  bootstrap(AppCmp);
+@NgModule({imports: [BrowserModule], bootstrap: [AppCmp]})
+class AppModule {
 }
+
+export function main() {
+  platformBrowserDynamic().bootstrapModule(AppModule);
+}

modules/@angular/examples/core/pipes/ts/json_pipe/json_pipe_example.ts

@@ -6,8 +6,9 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {Component} from '@angular/core';
-import {bootstrap} from '@angular/platform-browser-dynamic';
+import {Component, NgModule} from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
 // #docregion JsonPipe
 @Component({
@@ -35,6 +36,10 @@ export class JsonPipeExample {
 export class AppCmp {
 }
 
-export function main() {
-  bootstrap(AppCmp);
+@NgModule({imports: [BrowserModule], bootstrap: [AppCmp], declarations: [AppCmp, JsonPipeExample]})
+class AppModule {
 }
+
+export function main() {
+  platformBrowserDynamic().bootstrapModule(AppModule);
+}

modules/@angular/examples/core/pipes/ts/lowerupper_pipe/lowerupper_pipe_example.ts

@@ -6,8 +6,9 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {Component} from '@angular/core';
-import {bootstrap} from '@angular/platform-browser-dynamic';
+import {Component, NgModule} from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
 // #docregion LowerUpperPipe
 @Component({
@@ -35,6 +36,10 @@ export class LowerUpperPipeExample {
 export class AppCmp {
 }
 
-export function main() {
-  bootstrap(AppCmp);
+@NgModule({imports: [BrowserModule], bootstrap: [AppCmp]})
+class AppModule {
+}
+
+export function main() {
+  platformBrowserDynamic().bootstrapModule(AppModule);
 }

modules/@angular/examples/core/pipes/ts/number_pipe/number_pipe_example.ts

@@ -6,8 +6,9 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {Component} from '@angular/core';
-import {bootstrap} from '@angular/platform-browser-dynamic';
+import {Component, NgModule} from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
 // #docregion NumberPipe
 @Component({
@@ -69,6 +70,10 @@ export class CurrencyPipeExample {
 export class AppCmp {
 }
 
-export function main() {
-  bootstrap(AppCmp);
+@NgModule({imports: [BrowserModule], bootstrap: [AppCmp]})
+class AppModule {
+}
+
+export function main() {
+  platformBrowserDynamic().bootstrapModule(AppModule);
 }

modules/@angular/examples/core/pipes/ts/slice_pipe/slice_pipe_example.ts

@@ -6,8 +6,9 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {Component} from '@angular/core';
-import {bootstrap} from '@angular/platform-browser-dynamic';
+import {Component, NgModule} from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
 // #docregion SlicePipe_string
 @Component({
@@ -50,6 +51,10 @@ export class SlicePipeListExample {
 export class AppCmp {
 }
 
-export function main() {
-  bootstrap(AppCmp);
+@NgModule({imports: [BrowserModule], bootstrap: [AppCmp]})
+class AppModule {
 }
+
+export function main() {
+  platformBrowserDynamic().bootstrapModule(AppModule);
+}

modules/@angular/examples/core/ts/bootstrap/bootstrap.ts

@@ -6,8 +6,9 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {Component} from '@angular/core';
-import {bootstrap} from '@angular/platform-browser-dynamic';
+import {Component, NgModule} from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
 // #docregion bootstrap
 @Component({selector: 'my-app', template: 'Hello {{ name }}!'})
@@ -15,7 +16,12 @@ class MyApp {
   name: string = 'World';
 }
 
-function main() {
-  return bootstrap(MyApp);
+@NgModule({imports: [BrowserModule], bootstrap: [MyApp]})
+class AppModule {
 }
+
+export function main() {
+  platformBrowserDynamic().bootstrapModule(AppModule);
+}
+
 // #enddocregion

modules/@angular/examples/core/ts/prod_mode/prod_mode_example.ts

@@ -7,10 +7,14 @@
  */
 
 // #docregion enableProdMode
-import {enableProdMode} from '@angular/core';
-import {bootstrap} from '@angular/platform-browser-dynamic';
+import {NgModule, enableProdMode} from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 import {MyComponent} from './my_component';
 
 enableProdMode();
-bootstrap(MyComponent);
+@NgModule({imports: [BrowserModule], bootstrap: [MyComponent]})
+class AppModule {
+}
+platformBrowserDynamic().bootstrapModule(AppModule);
 // #enddocregion

modules/@angular/examples/platform-browser/dom/debug/ts/debug_element_view_listener/providers.ts

@@ -6,13 +6,18 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {Component} from '@angular/core';
-import {bootstrap} from '@angular/platform-browser-dynamic';
+
+import {Component, NgModule} from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
 @Component({selector: 'my-component'})
 class MyAppComponent {
 }
 
 // #docregion providers
-bootstrap(MyAppComponent);
+@NgModule({imports: [BrowserModule], bootstrap: [MyAppComponent]})
+class AppModule {
+}
+platformBrowserDynamic().bootstrapModule(AppModule);
 // #enddocregion