Frameworks | | Angular components | Search

Angular 2

What is Angular 2

This code snippet, executed in a Bash shell, uses the Angular CLI (ng) to start the development server for an Angular application.

Cell 1

To start the Webpack development server, use the command webpack dev-server --inline --progress --port 9090.

Cell 2

The command npm run ng:build executes a script named ng:build in the project's root directory, equivalent to running ng build --prod --aot.

Cell 3

This code opens a new tab in the default browser with the specified URL (https://material.angular.io/components/category/forms) and sets the tab's height to 600 pixels and delays loading JavaScript by 2 seconds.

Cell 4

The routing constant is exported from the file, configuring the routing with the RouterModule from @angular/router. The routing configuration uses an array of routes and disables the use of the URL's hash for client-side routing.

Cell 5

This CSS code defines two styles for HTML anchor tags, one using a direct hex code and the other using a CSS variable for a more scalable and maintainable design. The direct hex code sets the text color to #fe5000, while the variable assignment uses a CSS variable @primary to achieve the same result.