104 lines
13 KiB
JavaScript
104 lines
13 KiB
JavaScript
|
'use strict';var angular_entrypoint_1 = require('angular2/src/core/angular_entrypoint');
|
||
|
|
exports.AngularEntrypoint = angular_entrypoint_1.AngularEntrypoint;
|
||
|
|
var browser_common_1 = require('angular2/src/platform/browser_common');
|
||
|
|
exports.BROWSER_PROVIDERS = browser_common_1.BROWSER_PROVIDERS;
|
||
|
|
exports.ELEMENT_PROBE_PROVIDERS = browser_common_1.ELEMENT_PROBE_PROVIDERS;
|
||
|
|
exports.ELEMENT_PROBE_PROVIDERS_PROD_MODE = browser_common_1.ELEMENT_PROBE_PROVIDERS_PROD_MODE;
|
||
|
|
exports.inspectNativeElement = browser_common_1.inspectNativeElement;
|
||
|
|
exports.BrowserDomAdapter = browser_common_1.BrowserDomAdapter;
|
||
|
|
exports.By = browser_common_1.By;
|
||
|
|
exports.Title = browser_common_1.Title;
|
||
|
|
exports.DOCUMENT = browser_common_1.DOCUMENT;
|
||
|
|
exports.enableDebugTools = browser_common_1.enableDebugTools;
|
||
|
|
exports.disableDebugTools = browser_common_1.disableDebugTools;
|
||
|
|
var lang_1 = require('angular2/src/facade/lang');
|
||
|
|
var browser_common_2 = require('angular2/src/platform/browser_common');
|
||
|
|
var compiler_1 = require('angular2/compiler');
|
||
|
|
var core_1 = require('angular2/core');
|
||
|
|
var reflection_capabilities_1 = require('angular2/src/core/reflection/reflection_capabilities');
|
||
|
|
var xhr_impl_1 = require("angular2/src/platform/browser/xhr_impl");
|
||
|
|
var compiler_2 = require('angular2/compiler');
|
||
|
|
var di_1 = require('angular2/src/core/di');
|
||
|
|
/**
|
||
|
|
* An array of providers that should be passed into `application()` when bootstrapping a component.
|
||
|
|
*/
|
||
|
|
exports.BROWSER_APP_PROVIDERS = lang_1.CONST_EXPR([
|
||
|
|
browser_common_2.BROWSER_APP_COMMON_PROVIDERS,
|
||
|
|
compiler_1.COMPILER_PROVIDERS,
|
||
|
|
new di_1.Provider(compiler_2.XHR, { useClass: xhr_impl_1.XHRImpl }),
|
||
|
|
]);
|
||
|
|
/**
|
||
|
|
* Bootstrapping for Angular applications.
|
||
|
|
*
|
||
|
|
* You instantiate an Angular application by explicitly specifying a component to use
|
||
|
|
* as the root component for your application via the `bootstrap()` method.
|
||
|
|
*
|
||
|
|
* ## Simple Example
|
||
|
|
*
|
||
|
|
* Assuming this `index.html`:
|
||
|
|
*
|
||
|
|
* ```html
|
||
|
|
* <html>
|
||
|
|
* <!-- load Angular script tags here. -->
|
||
|
|
* <body>
|
||
|
|
* <my-app>loading...</my-app>
|
||
|
|
* </body>
|
||
|
|
* </html>
|
||
|
|
* ```
|
||
|
|
*
|
||
|
|
* An application is bootstrapped inside an existing browser DOM, typically `index.html`.
|
||
|
|
* Unlike Angular 1, Angular 2 does not compile/process providers in `index.html`. This is
|
||
|
|
* mainly for security reasons, as well as architectural changes in Angular 2. This means
|
||
|
|
* that `index.html` can safely be processed using server-side technologies such as
|
||
|
|
* providers. Bindings can thus use double-curly `{{ syntax }}` without collision from
|
||
|
|
* Angular 2 component double-curly `{{ syntax }}`.
|
||
|
|
*
|
||
|
|
* We can use this script code:
|
||
|
|
*
|
||
|
|
* {@example core/ts/bootstrap/bootstrap.ts region='bootstrap'}
|
||
|
|
*
|
||
|
|
* When the app developer invokes `bootstrap()` with the root component `MyApp` as its
|
||
|
|
* argument, Angular performs the following tasks:
|
||
|
|
*
|
||
|
|
* 1. It uses the component's `selector` property to locate the DOM element which needs
|
||
|
|
* to be upgraded into the angular component.
|
||
|
|
* 2. It creates a new child injector (from the platform injector). Optionally, you can
|
||
|
|
* also override the injector configuration for an app by invoking `bootstrap` with the
|
||
|
|
* `componentInjectableBindings` argument.
|
||
|
|
* 3. It creates a new `Zone` and connects it to the angular application's change detection
|
||
|
|
* domain instance.
|
||
|
|
* 4. It creates an emulated or shadow DOM on the selected component's host element and loads the
|
||
|
|
* template into it.
|
||
|
|
* 5. It instantiates the specified component.
|
||
|
|
* 6. Finally, Angular performs change detection to apply the initial data providers for the
|
||
|
|
* application.
|
||
|
|
*
|
||
|
|
*
|
||
|
|
* ## Bootstrapping Multiple Applications
|
||
|
|
*
|
||
|
|
* When working within a browser window, there are many singleton resources: cookies, title,
|
||
|
|
* location, and others. Angular services that represent these resources must likewise be
|
||
|
|
* shared across all Angular applications that occupy the same browser window. For this
|
||
|
|
* reason, Angular creates exactly one global platform object which stores all shared
|
||
|
|
* services, and each angular application injector has the platform injector as its parent.
|
||
|
|
*
|
||
|
|
* Each application has its own private injector as well. When there are multiple
|
||
|
|
* applications on a page, Angular treats each application injector's services as private
|
||
|
|
* to that application.
|
||
|
|
*
|
||
|
|
* ## API
|
||
|
|
*
|
||
|
|
* - `appComponentType`: The root component which should act as the application. This is
|
||
|
|
* a reference to a `Type` which is annotated with `@Component(...)`.
|
||
|
|
* - `customProviders`: An additional set of providers that can be added to the
|
||
|
|
* app injector to override default injection behavior.
|
||
|
|
*
|
||
|
|
* Returns a `Promise` of {@link ComponentRef}.
|
||
|
|
*/
|
||
|
|
function bootstrap(appComponentType, customProviders) {
|
||
|
|
core_1.reflector.reflectionCapabilities = new reflection_capabilities_1.ReflectionCapabilities();
|
||
|
|
var appProviders = lang_1.isPresent(customProviders) ? [exports.BROWSER_APP_PROVIDERS, customProviders] : exports.BROWSER_APP_PROVIDERS;
|
||
|
|
return core_1.platform(browser_common_2.BROWSER_PROVIDERS).application(appProviders).bootstrap(appComponentType);
|
||
|
|
}
|
||
|
|
exports.bootstrap = bootstrap;
|
||
|
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJvd3Nlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbImFuZ3VsYXIyL3BsYXRmb3JtL2Jyb3dzZXIudHMiXSwibmFtZXMiOlsiYm9vdHN0cmFwIl0sIm1hcHBpbmdzIjoiQUFBQSxtQ0FBZ0Msc0NBQXNDLENBQUM7QUFBL0QsbUVBQStEO0FBQ3ZFLCtCQVdPLHNDQUFzQyxDQUFDO0FBVjVDLCtEQUFpQjtBQUNqQiwyRUFBdUI7QUFDdkIsK0ZBQWlDO0FBQ2pDLHFFQUFvQjtBQUNwQiwrREFBaUI7QUFDakIsaUNBQUU7QUFDRix1Q0FBSztBQUNMLDZDQUFRO0FBQ1IsNkRBQWdCO0FBQ2hCLCtEQUM0QztBQUU5QyxxQkFBMEMsMEJBQTBCLENBQUMsQ0FBQTtBQUNyRSwrQkFHTyxzQ0FBc0MsQ0FBQyxDQUFBO0FBQzlDLHlCQUFpQyxtQkFBbUIsQ0FBQyxDQUFBO0FBQ3JELHFCQUFnRCxlQUFlLENBQUMsQ0FBQTtBQUNoRSx3Q0FBcUMsc0RBQXNELENBQUMsQ0FBQTtBQUM1Rix5QkFBc0Isd0NBQXdDLENBQUMsQ0FBQTtBQUMvRCx5QkFBa0IsbUJBQW1CLENBQUMsQ0FBQTtBQUN0QyxtQkFBdUIsc0JBQXNCLENBQUMsQ0FBQTtBQUU5Qzs7R0FFRztBQUNVLDZCQUFxQixHQUEyQyxpQkFBVSxDQUFDO0lBQ3RGLDZDQUE0QjtJQUM1Qiw2QkFBa0I7SUFDbEIsSUFBSSxhQUFRLENBQUMsY0FBRyxFQUFFLEVBQUMsUUFBUSxFQUFFLGtCQUFPLEVBQUMsQ0FBQztDQUN2QyxDQUFDLENBQUM7QUFFSDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1FRztBQUNILG1CQUNJLGdCQUFzQixFQUN0QixlQUF3RDtJQUMxREEsZ0JBQVNBLENBQUNBLHNCQUFzQkEsR0FBR0EsSUFBSUEsZ0RBQXNCQSxFQUFFQSxDQUFDQTtJQUNoRUEsSUFBSUEsWUFBWUEsR0FDWkEsZ0JBQVNBLENBQUNBLGVBQWVBLENBQUNBLEdBQUdBLENBQUNBLDZCQUFxQkEsRUFBRUEsZUFBZUEsQ0FBQ0EsR0FBR0EsNkJBQXFCQSxDQUFDQTtJQUNsR0EsTUFBTUEsQ0FBQ0EsZUFBUUEsQ0FBQ0Esa0NBQWlCQSxDQUFDQSxDQUFDQSxXQUFXQSxDQUFDQSxZQUFZQSxDQUFDQSxDQUFDQSxTQUFTQSxDQUFDQSxnQkFBZ0JBLENBQUNBLENBQUNBO0FBQzNGQSxDQUFDQTtBQVBlLGlCQUFTLFlBT3hCLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQge0FuZ3VsYXJFbnRyeXBvaW50fSBmcm9tICdhbmd1bGFyMi9zcmMvY29yZS9hbmd1bGFyX2VudHJ5cG9pbnQnO1xuZXhwb3J0IHtcbiAgQlJPV1NFUl9QUk9WSURFUlMsXG4gIEVMRU1FTlRfUFJPQkVfUFJPVklERVJTLFxuICBFTEVNRU5UX1BST0JFX1BST1ZJREVSU19QUk9EX01PREUsXG4gIGluc3BlY3ROYXRpdmVFbGVtZW50LFxuICBCcm93c2VyRG9tQWRhcHRlcixcbiAgQnksXG4gIFRpdGxlLFxuICBET0NVTUVOVCxcbiAgZW5hYmxlRGVidWdUb29scyxcbiAgZGlzYWJsZURlYnVnVG9vbHNcbn0gZnJvbSAnYW5ndWxhcjIvc3JjL3BsYXRmb3JtL2Jyb3dzZXJfY29tbW9uJztcblxuaW1wb3J0IHtUeXBlLCBpc1ByZXNlbnQsIENPTlNUX0VYUFJ9IGZyb20gJ2FuZ3VsYXIyL3NyYy9mYWNhZGUvbGFuZyc7XG5pbXBvcnQge1xuICBCUk9XU0VSX1BST1ZJREVSUyxcbiAgQlJPV1NFUl9BUFBfQ09NTU9OX1BST1ZJREVSU1xufSBmcm9tICdhbmd1bGFyMi9zcmMvcGxhdGZvcm0vYnJvd3Nlcl9jb21tb24nO1xuaW1wb3J0IHtDT01QSUxFUl9QUk9WSURFUlN9IGZyb20gJ2FuZ3VsYXIyL2NvbXBpbGVyJztcbmltcG9ydCB7Q29tcG9uZW50UmVmLCBwbGF0Zm9ybSwgcmVmbGVjdG9yfSBmcm9tICdhbmd1bGFyMi9jb3JlJztcbmltcG9ydCB7UmVmbGVjdGlvbkNhcGFiaWxpdGllc30gZnJvbSAnYW5ndWxhcjIvc3JjL2NvcmUvcmVmbGVjdGlvbi9yZWZsZWN0aW9uX2NhcGFiaWxpdGllcyc7XG5pbXBvcnQge1hIUkltcGx9IGZyb20gXCJhbmd1bGFyMi9zcmMvcGxhdGZvcm0vYnJvd3Nlci94aHJfaW1wbFwiO1xuaW1wb3J0IHtYSFJ9IGZyb20gJ2FuZ3VsYXIyL2NvbXBpbGVyJztcbmltcG9ydCB7UHJvdmlkZXJ9IGZyb20gJ2FuZ3VsYXIyL3NyYy9jb3JlL2RpJztcblxuLyoqXG4gKiBBbiBhcnJheSBvZiBwcm92aWRlcnMgdGhhdCBzaG91bGQgYmUgcGFzc2VkIGludG8gYGFwcGxpY2F0aW9uKClgIHdoZW4gYm9vdHN0cmFwcGluZyBhIGNvbXBvbmVudC5cbiAqL1xuZXhwb3J0IGNvbnN0IEJST1dTRVJfQVBQX1BST1ZJREVSUzogQXJyYXk8YW55IC8qVHlwZSB8IFByb3ZpZGVyIHwgYW55W10qLz4gPSBDT05TVF9FWFBSKFtcbiAgQlJPV1NFUl9BUFBfQ09NTU9OX1BST1ZJREVSUyxcbiAgQ09NUElMRVJfUFJPVklERVJTLFxuICBuZXcgUHJvdmlkZXIoWEhSLCB7dXNlQ2xhc3M6IFhIUkltcGx9KSxcbl0pO1xuXG4vKipcbiAqIEJvb3RzdHJhcHBpbmcgZm9yIEFuZ3VsYXIgYXBwbGljYXRpb25zLlxuICpcbiAqIFlvdSBpbnN0YW50aWF0ZSBhbiBBbmd1bGFyIGFwcGxpY2F0aW9uIGJ5IGV4cGxpY2l0bHkgc3BlY2lmeWluZyBhIGNvbXBvbmVudCB0byB1c2VcbiAqIGFzIHRoZSByb290IGNvbXBvbmVudCBmb3IgeW91ciBhcHBsaWNhdGlvbiB2aWEgdGhlIGBib290c3RyYXAoKWAgbWV0aG9kLlxuICpcbiAqICMjIFNpbXBsZSBFeGFtcGxlXG4gKlxuICogQXNzdW1pbmcgdGhpcyBgaW5kZXguaHRtbGA6XG4gKlxuICogYGBgaHRtbFxuICogPGh0bWw+XG4gKiAgIDwhLS0gbG9hZCBBbmd1bGFyIHNjcmlwdCB0YWdzIGhlcmUuIC0tPlxuICogICA8Ym9keT5cbiAqICAgICA8bXktYXBwPmxvYWRpbmcuLi48L215LWFwcD5cbiAqICAgPC9ib2R5PlxuICogPC9odG1sPlxuICogYGBgXG4gKlxuICogQW4gYXBwbGljYXRpb24gaXMgYm9vdHN0cmFwcGVkIGluc2lkZSBhbiBleGlzdGluZyBicm93c2VyIERPTSwgdHlwaWNhbGx5IGBpbmRleC5odG1sYC5cbiAqIFVubGlrZSBBbmd1bGFyIDEsIEFuZ3VsYXIgMiBkb2VzIG5vdCBjb21waWxlL3Byb2Nlc3MgcHJvdmlkZXJzIGluIGBpbmRleC5odG1sYC4gVGhpcyBpc1xuICogbWFpbmx5IGZvciBzZWN1cml0eSByZWFzb25zLCBhcyB3ZWxsIGFzIGFyY2hpdGVjdHVyYWwgY2hhbmdlcyBpbiBBbmd1b
|