angular2教程
文章平均质量分 91
Razera
热爱技术,欢迎交流
展开
-
angular2 系列教程(三)路由
一. 路由 嵌入在app.module.ts 创建路由: 在src/app/app.module.ts中引入RouterModule:import { RouterModule } from '@angular/router'; 定义和配置路由数组,我们暂时只为login来定义路由,仍然在src/app/app.module.ts中的imports中 使用路由: ...原创 2018-08-27 14:23:31 · 413 阅读 · 0 评论 -
angular2 系列教程(四)Module
一. 模块Module 定义: 提供相对独立功能的功能块 特点: 每个Angular至少有一个模块类——根模块 src\app\app.module.ts(服务开启的时候先引导根模块来启动应用) @NgModule装饰器:用来为模块定义元数据 declarations声明: 作用:引入引导性组件 AppComponent和其他创建的组件 特点: 声明的组件在module范围...原创 2018-08-27 14:27:33 · 345 阅读 · 0 评论 -
angular2 系列教程(五)发布生产环境
一. 发布生产环境 步骤 如果用到路由,对路由进行hash处理 在app-routing.module.ts中为RouterModule配置{ useHash: true }的属性 在控制台输入ng build --prod --aot即可(摇树编译) 生产环境的文件生成在了根目录下的dist文件夹下 用http-server测试正式环境 安装一个http-s...原创 2018-08-27 14:30:10 · 462 阅读 · 0 评论 -
angular2 系列教程(一) HelloAngular
注:本教程基于angular6.0.8进行,尽量迅速了解每一个重要部分的定义与用法,能够按步骤编写完成需求。 一. Hello Angular 步骤 新建项目: ng new hello-angular --skip-install 安装依赖:进入hello-angular 目录: 进入project目录运行 yarn install 运行项目: ng serve ...原创 2018-08-23 16:55:43 · 318 阅读 · 0 评论 -
angular2 系列教程(0) Angular CLI安装
Angular CLI 安装 安装流程 1. 首先安装node.js,下载链接:http://nodejs.cn/download/ 我的项目环境是windows,所以我下载的是windows安装包。下载好了之后,直接点击安装,然后全部下一步(如果要安装到其它目录,就改变安装路径即可),然后等待安装完成即可。 这样就,显示我们的node已经安装成功了。 2、因为angula...原创 2018-08-23 17:03:38 · 494 阅读 · 0 评论 -
angular2 系列教程(二)组件
一. 组件 创建组件: ng g c login -it -is (完整写法: ng generate component login --inline-template --inline-style) 其中“-it -is”代表生成组件的时候将HTML和CSS样式放在同一个文件中 引用组件:在根组件的模版“app.component.html”中加入我们的组件引用 <a...原创 2018-08-23 17:06:43 · 558 阅读 · 0 评论