What is the starting point in Angular 2 before calling AppComponent.ts?

Question

I want to do something at the starting point of an angular 2 application, but I cannot get this point. Please help me if anyone knows about this.

Thanks in advance.

Answer 1

Index.html is the beginning and continuous main.ts , and then it goes with <my-app> and continues and continues

After loading Index.html, systemjs.config.js is loaded. Which says which file to run. And in systemjs.config.js it tells you to load main.ts to begin with.

Packages

tell the bootloader how to boot when there is no file name and / or without extension

After some research, see the systemjs.config.js file below. Comments tell what he does and when.

 /** * System configuration for Angular samples * Adjust as necessary for your application needs. */ (function (global) { System.config({ paths: { // paths serve as alias 'npm:': 'node_modules/' }, // map tells the System loader where to look for things map: { // our app is within the app folder app: 'app', // angular bundles '@angular/core': 'npm:@angular/core/bundles/core.umd.js', '@angular/common': 'npm:@angular/common/bundles/common.umd.js', '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js', '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js', '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', '@angular/http': 'npm:@angular/http/bundles/http.umd.js', '@angular/router': 'npm:@angular/router/bundles/router.umd.js', '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js', '@angular/upgrade': 'npm:@angular/upgrade/bundles/upgrade.umd.js', // other libraries 'rxjs': 'npm:rxjs', 'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js', //For android Internet 'moment': 'npm:moment', 'jquery':'npm:jquery/dist/jquery.js', 'fullcalendar':'npm:fullcalendar/dist/fullcalendar.js' }, // packages tells the System loader how to load when no filename and/or no extension packages: { app: { main: './main.js', defaultExtension: 'js' }, rxjs: { defaultExtension: 'js' }, moment: { main: './moment.js', defaultExtension: 'js' } } }); })(this);