Angular初体验

新建项目

1. 到存放项目的文件夹中
2. 打开cmd
3. ng new 项目名称

创建组件

ng g component 文件路径：components/newdetail

使用组件

到当前模块的路由表中=>app-routing.module.ts注册路由

1：自定义的路由名字
2：组件ts文件的类名
注册完成后即可用路由进行访问
前提：路由插座

1:和路由表中注册的路由名字1一致

使用服务端数据

app.module.ts中添加HttpClientModule

公共的方法封装

命令创建 ng g service 文件夹/service名称

使用公共的方法

构造器中注入

前端页面互相传递的值

接受：

1：注入路由信息
2：获取前端数据
发送：

1：定义路由对象：发送数据到指定页面

1：路由表中定义的跳转路径
2.发送的参数：newsid与接受字段保持一致

安装ngbootstrap

安装ng bootstrap
在项目文件路径下cmd

ng add @ng-bootstrap/ng-bootstrap

app.module会自动导入模块
就可以使用bootstrap

分页组件

ngbootstrap中提供

新建模块

ng generate module admin -- route admin --module app.module

ngModel指令使用

app.modules导入FormsModule