Angular笔记 项目简介

一些网站

Angular 中文说明文档
Angular7入门总结篇
B站 Angular 在线视频

Typescript
B站 Typescript 在线视频

ES6

开发工具：Visual Studio

Windows：
Visual Studio 2017/64位下载地址：
pan.baidu.com/s/1_HycbxXqRfptMYEaho02bg
密码: srpx

Mac：
[名称]：Visual Studio_2019
[大小]：464 MB
[语言]：简体中文
[安装环境]:Mac OS10.12或更高版本
[下载链接]：
pan.baidu.com/s/1-RawPZYwO4nVj84HL3pd8w
[提取码]：9wvi

以上软件仅供学习讨论，其他行为请立即删除。

本文假设你已经安装了所有需要的软件，你也有:html 、css 、js、es6、Typescript必备基础。

1.创建一个Angular程序

创建项目 
ng new my-app

打开文件目录
cd my-app

运行项目
ng serve --open

so easy 吧。

题外话

cnpm i（创建 安装所需的依赖）
Ctrl + C 取消进程
cnpm install 初始化
ng new my-app --skip--intall（跳过创建依赖）

根目录要关心的文件

package.json

1.定义项目的名称和版本
2.定义项目所需的各种依赖

src

1.开发项目文件
2.所有开发资源文件

文件介绍

2.创建新的控件

使用 进行 Angular cli

https://cli.angular.io

1）.创建组件(component)

创建组件

ng generate component component-name
例：
|->创建<-|    |->组件<-|    |--->目录/文件<---|
ng      g     component    components/header 指定生成到哪个目录

要想用组件要在app.module.ts文件中引入并配置

文件引入并配置 说明

配置完即可在app.component.html中调用生成的组件
<app-header ></app-header >

2）.创建服务(component)

服务的作用：定义全局方法。

创建服务的方法

ng generate component component-name
例：
|->创建<-|    |->服务<-|    |--->目录/文件<---|
ng      g     service      services/storage 指定生成到哪个目录

要想用组件要在app.module.ts文件中引入并配置，并要在引用服务的模块中进行引入。

引入服务
在服务中声明方法
调用服务