内容简介:The Angular 9.0.0 version has been released now.This is a major release and have changes for entire platform, including the framework, Angular Material, and the CLI.The Ivy compiler is default runtime compiler, Earlier it was optional parameter to select c
The Angular 9.0.0 version has been released now.This is a major release and have changes for entire platform, including the framework, Angular Material, and the CLI.
The Ivy compiler is default runtime compiler, Earlier it was optional parameter to select compiler under angular 8.They can Improved build errors that will helpful to debug errors in the application.
The angular 9 introduced two new component YouTube and Google Maps.You can include into your application and take benefit of those component.
There are following breaking changes for angular 9 –
tslib
Table of Contents
Setting up Angular CLI v
You can install angular CLI by using following command, Open CMD
in Administrator mode and run the following command.
// For Mac and Linux sudo npm install -g @angular/cli
// For Windows
npm install -g @angular/cli
Now, run the following command to check the Angular CLI version.
ng version
How To Create a New Angular 9 Project
Let’s create a simple angular 9 application.Type the following command to create the new Angular 9 project –
ng new hello-angular9
The above CLI command will ask you two –
- Would you like to add an Angular routing? Type y for Yes , n for NO
- which stylesheet format would you like to use? Select CSS or other.
The above option use to add routing information into your application.You don’t need to add the routes for angular components to implement navigation in our application.You ll get app-routing.module.ts file inside the src >> app directory.
How To Run Angular 9 Application
I have created angular 9 application , Let’s run angular 9 application by running below command –
ng serve --open
The "–open"
parameter will automatically open this Angular 9 app in the default browser.
The default URL is: http://localhost:4200
How To install Bootstrap 4
We will install bootstrap by using following command-
npm install bootstrap --save
Add the bootstrap css file inside an angular.json
file.
"styles": [ "src/styles.css", "./node_modules/bootstrap/dist/css/bootstrap.min.css" ],
How To Create Component
The Angular 9 CLI will use to create component. Type the following command to create the new component into the project –
ng g c employee-add --skipTests=true
The above command will create following files –
CREATE src/app/employee-add/employee-add.component.css (0 bytes) CREATE src/app/employee-add/employee-add.component.html (25 bytes) CREATE src/app/employee-add/employee-add.component.ts (290 bytes)
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
JavaScript编程精解
Marijn Haverbeke / 徐涛 / 机械工业出版社华章公司 / 2012-10-1 / 49.00元
如果你只想阅读一本关于JavaScript的图书,那么本书应该是你的首选。本书由世界级JavaScript程序员撰写,JavaScript之父和多位JavaScript专家鼎力推荐。本书适合作为系统学习JavaScript的参考书,它在写作思路上几乎与现有的所有同类书都不同,打破常规,将编程原理与运用规则完美地结合在一起,而且将所有知识点与一个又一个经典的编程故事融合在一起,读者可以在轻松的游戏式......一起来看看 《JavaScript编程精解》 这本书的介绍吧!