03 2022 档案
摘要:指令是为Angular应用程序中的元素添加额外行为的类,使用Angular的内置指令,你可以管理表单、列表、样式已经要让用户看到的任何内容。 指令的类型如下: 组件:带有模板的指令,此类指令是最常见的指令类型。 属性型指令:可以更改元素、组件或者其他指令的外观或者行为的指令。 结构性指令:通过添加和
阅读全文
摘要:环境搭建及CLI工具的使用,组件、服务的创建 全局安装Angular CLI:npm install -g @angular/cli 创建项目,其中my-app代表Angular项目名称:ng new my-app 在my-app目录下启动项目,其中--open(或者只用--o缩写)代表运行项目以后
阅读全文
摘要:描述 在父子指令或者组件之间共享数据 @Input 从父组件中把数据发送到子组件中 通过@Input装饰过的变量可以作为共享变量在父子组件之中使用,如下: 在子组件的ts文件中定义一个@Input类型的string变量item,默认值为空字符串 查看代码 import { Component, On
阅读全文
摘要:简介 RxJS英文全称是Reactive Extensions for JavaScript,响应式扩展的js;是一个使用可观察序列编写异步和事件程序的库。 ReactiveX将观察者模式、迭代器模式、函数式编程和集合相结合,以便满足对管理事件序列的一种理想方式。 RxJS解决异步事件管理的基本概念
阅读全文
摘要:想要学好Angular,必先学好Observable 官方描述 可观察对象对在应用的各个部分之间传递消息提供了支持。 它们在 Angular 中频繁使用,并且推荐把它们用于事件处理、异步编程以及处理多个值等场景 观察者是一种软件设计模式,其实就是有一个主题,然后主题关联着一个观察者的列表,每次有人对
阅读全文