cxzlp0521的博客

1.使用nodejs安装本地服务器（使用的是vscode编辑器）创建一个空的项目(什么都没有) 创建package.json npm init -y 引入 node 的运行定义文件 npm i @types/node -–save 创建tsconfig.json(node 本身是不认 typeScript 语言的，所以要将 typeScript ...

1.Rxjs基础知识基本概念 Observable (可观察对象): 表示一个概念，这个概念是一个可调用的未来值或事件的集合。 Observer (观察者): 一个回调函数的集合，它知道如何去监听由 Observable 提供的值。 Subscription (订阅): 表示 Observable 的执行，主要用于取消 Observable 的执行。 Operators (操作符...

1.模板式表单模板式表单使用ngForm、ngModel、ngModelGroup来完成，它们是FormsModule里的内容，所以在使用模板式表单时需要在app.module.ts中引入FormsModule。 ngForm会自动拦截标准的表单处理事件，angular用ngSubmit代替标准的表单提交ngForm隐式的创建一个FormGroup类的实例，代表表单的数据模型，用来存储表单数...

1.Input和Output用于父组件与子组件之间（数据）通信 input的用法 创建父组件与子组件（ng g c parent , ng g c child） 子组件界面（父组件与子组件的通信） 子组件使用输入属性Input，从父组件传入两个变量（学生姓名与学生学号） 父组件界面，添加两个输入框，向子组件传递信息 Output的用法（子组件与父组件的通信） 创建分数类...

1.content[String] - 使用引号包括一段字符串，将会向元素内容中添加字符串。 [attr()] – 调用当前元素的属性，可以方便的比如将图片的 Alt 提示文字或者链接的 Href 地址显示出来。 [url()]– 用于引用媒体文件。2.清除浮动清除浮动的原因（子元素在父元素内使用了float后，脱离标准流，不占用位置，当父元素高度没有设置时，会影响后续元素的排版，清...

1.大小写管道<h2>大小写管道(只对字母有用)</h2><p>{{ 'angular的大写管道' | uppercase }}</p><p>{{ 'ANGULAR的小写管道' | lowercase }}</p>2.数字管道<h2>数字管道</h2>&

1.路由导航2.创建带有路由的项目ng new routerdemo --routing3.Routes、RouterLInk、RouterOutlet组合的用法配置app-routing.module.ts 在需要用到路由的组件中插入RouterLink导航指令（此处使用app.component.html） 在路由指令界面需要的地方放入路由插座RouterOutl...

1.依赖注入依赖注入是什么？ 依赖注入是“控制反转”（将实例化这个类的控制权交给外部，从而实现类与组件的解耦）的一体两面。控制反转是目的，依赖注入是手段。是不是不太明白，说得直白一点就是在程序运行过程中，如果需要调用另一个对象协助时，无须在代码中创建被调用者，而是依赖于外部的注入。 依赖注入怎么用？ 我们在组件需要某个服务的实例时，不需要手动创建这个实例，只需要在构造函数的参数中指定...

1.插值表达式2.HTML、DOM属性绑定（待补充） 3.事件绑定4.样式、类绑定 5.双向绑定使用双向绑定[(ngModel)]需要在app.module.ts中引入FormsModule import{FormsModule} from '@angular/forms' imports: [ BrowserModule, ...

1.环境搭配安装nodejs   使用npm -v  来查看版本 安装angular cli    使用命令(npm install -g @angular/cli)  使用 ng v 来查看版本 安装开发工具,使用的是 visual studio code 创建项目  ng new projectname 进入项目  cd projectname 启动项目  ng serv...