Skip to content

README.md

Latest commit

 

History

History
67 lines (55 loc) · 2.65 KB

README.md

File metadata and controls

67 lines (55 loc) · 2.65 KB

Angular7App

Repository Description
This repository contains an Angular application generated using Angular CLI version 7.0.5. The project provides a standard Angular setup that can be extended with additional UI components and navigation features.

This sample can be used as a base to integrate UI layout components such as side navigation panels using Angular.

Project Overview

The purpose of this project is to demonstrate a basic Angular application structure created with Angular CLI. It serves as a starting point for building Angular applications that include structured layouts and navigational components.

Features

  • Angular CLI–generated project structure
  • Development server with live reload
  • Component scaffolding support
  • Preconfigured build and testing workflows

Prerequisites

Ensure the following tools are installed before running the project:

  • Node.js
  • Angular CLI
  • Visual Studio Code

Installation and Running the Application

  1. Development Server: Run the following command to start the development server: 
    ng serve
    Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.
  2. Code Scaffolding: Generate new components or other Angular building blocks using: 
    ng generate component component-name
    You can also generate directives, pipes, services, classes, guards, interfaces, enums, and modules.
  3. Build: Run the following command to build the project: 
    ng build
    The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Testing

  • Unit tests: Run ng test to execute unit tests via Karma.
  • End-to-end tests: Run ng e2e to execute end-to-end tests via Protractor..

Documentation

Additional Resources

Troubleshooting

  • Ensure compatible versions of Node.js and Angular CLI are installed.
  • Restart the development server if changes are not reflected.
  • Review build or console errors for dependency issues.

Support

  • For Angular framework help, refer to the Angular CLI documentation.
  • For UI layout and navigation components, refer to the Syncfusion Angular documentation links above.