Rangle.io : Angular Training
Search…
Introduction
License
Why Angular?
The Architect's Guide to Angular
EcmaScript 6 and TypeScript Features
The JavaScript Toolchain
Bootstrapping an Angular Application
Components in Angular
Directives
Advanced Components
Observables
Angular Dependency Injection
Http
Change Detection
Zone.js
Advanced Angular
What is Immutability
Pipes
Forms
Modules
Routing
State Management
TDD Testing
Migrating AngularJS Projects to Angular
Project Setup
Angular CLI
Setup
Creating a New App
Serving the App
Creating Components
Creating Routes
Creating Other Things
Testing
Linting
CLI Command Overview
Adding Third Party Libraries
Integrating an Existing App
Accessibility in Angular
Internationalization in Angular
Glossary
Further Reading And Reference
Powered By GitBook
Creating Components
The CLI can scaffold Angular components through the generate command. To create a new component run:
ng generate component [component-name]
Executing the command creates a folder, [component-name], in the project's src/app path or the current path the command is executed in if it's a child folder of the project. The folder has the following:
  • [component-name].component.ts the component class file
  • [component-name].component.css for styling the component
  • [component-name].component.html component html
  • [component-name].component.spec.ts tests for the component
  • index.ts which exports the component
Previous
Serving the App
Next
Creating Routes
Last modified 3yr ago
Copy link