Skip to content

Latest commit

 

History

History
65 lines (54 loc) · 1.46 KB

INITIAL_SETUP.md

File metadata and controls

65 lines (54 loc) · 1.46 KB
Raw

Quick Jump

Initial Setup

Now let's review our initial setup:

src/index.html

<head>
  <meta charset="utf-8">
  <title>Angular Material Start</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root>Loading...</app-root>
</body>

src/app/app.module.ts

import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {FormsModule} from '@angular/forms';
import {HttpClientModule} from '@angular/common/http';

import {AppComponent} from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

These files contain the basic application components and bootstrapping instructions for our application.

  • The index.html file is the html entry point
  • The main.ts is the Webpack entry point

Note: The angular-cli.json file simply configures how angular-cli via webpack loads all of the files/libraries.

Next Step

Go to Step 1