Angular
文章平均质量分 71
蔚说
这个作者很懒,什么都没留下…
展开
-
Angular核心-路由和导航
多页面应用 :一个项目有多个完整的HTML文件,使用超链接跳转–摧毁一颗DOM树,同步请求另一颗,得到之后再重建新的DOM树,不足:DOM树要反复重建,间隔客户端一片空白。单页面应用 :称为SPA(Single Page Application),整个项目中有且只有一个“完整的”HTML文件,其他的页面都是DIV片段,需要哪个“页面”就将其异步请求下来,“插入”到“完整的”HTML文件中。==单页面应用的优势:==整个项目中客户端只需要下载一个HTML页面,创建一个完整的DOM树,页面跳转都是一个DIV原创 2022-06-28 10:09:51 · 744 阅读 · 0 评论 -
Angular核心-父子间组件传递数据-重难点
Vue.js和Angular中的父子间消息传递原理一样,都可以用口诀:“Props Down,Event Up”父组件通过“子组件的自定义属性”向下传递数据给子组件。步骤:child2.ts子组件定义扩展属性child2.ts子组件使用自定义属性方向二:子=》父子组件通过触发特定事件(其中携带数据),把数据传递给父组件(父组件提供事件处理方法)在父组件中找到子组件的模块:监听子组件的事件在ts文件中接收使用子组件传递的数据父子组件传递数据的简便方法:父组件直接使用子原创 2022-06-23 16:19:20 · 481 阅读 · 0 评论 -
Angular核心-组件的生命周期函数钩子函数
angular手册地址:https://angular.cn/guide/lifecycle-hooksAngular中的组件的生命周期钩子函数调用顺序:组件被创建的时候,其实他不算是真实意义上的生命周期函数组件绑定的值发生改变时。如果组件绑定过输入属性,那么在 ngOnInit() 之前以及所绑定的一个或多个输入属性的值发生变化时都会调用。注意,如果你的组件没有输入属性,或者你使用它时没有提供任何输入属性,那么框架就不会调用 ngOnChanges()。组件初始化完毕等同于Vue.js的mount原创 2022-06-22 14:18:19 · 478 阅读 · 0 评论 -
Angular&TypeScript
TypeScript是JavaScript类型的超级,他可以编译成纯的JavaScript。TypeScript可以在任何浏览器,任何计算机和任何操作系统上运行,并且是开源的。Angular从V2.x开始使用TS编写;Vue.js从V3开始使用TS编写;中文网:https://www.tslang.cn/浏览器不支持TS,其使用步骤:1.下载TS的编译器2.编写.ts文件,使用编译器转化为.js//得到hello.js使用Ts学习手册:https://www.tslang.cn/docs/hom原创 2022-06-21 17:12:47 · 1044 阅读 · 2 评论 -
Angular核心-创建对象-HttpClient
方式1:手工创建式—自己创建:let c2 =new Car()方式2:依赖注入式—无需自己new,只需要声明依赖;服务提供者就会创建被依赖的对象,注入给服务需要者Service:服务,Angular认为:组件与用户交互的一种对象,其中的内容都应该与用户操作有关系的;而与用户操作无关的内容都应该剥离出去,放在“服务对象”中,为组件服务;例如:日志记录,记时统计,数据服务器的访问…1.创建服务对象并指定服务提供者2.在组件中声明依赖,服务提供者就会自动注入进来,组件直接使用服务对象即可使用Angular原创 2022-06-21 10:08:07 · 339 阅读 · 0 评论 -
Angular核心概念:过滤器
Filter:过滤器,用于View中呈现数据时显示为另一种格式,过滤器的本质是一个函数接收原始数据转换为新的格式进行输出:function(oldVal){处理…return newVal}使用过滤器:{{e.salary | 过滤器名}}Angular2.x中,过滤器更名为“管道(Pipe)”1. 创建管道Class,实现转换功能创建一个文件sex.pipe.ts2. 在模块中注册管道在app.module.ts文件中声明3. 在模板中使用管道调用管道的时候可以使用:传递参数,如下创建管道原创 2022-06-15 17:26:27 · 741 阅读 · 0 评论 -
Angular核心概念:数据绑定
在该组件的ts文件添加在该组件.html文件添加测试:在NG表达式可以执行哪些代码?(Y表示可以,N表示不可以)算术运算:Y。比较运算:Y。逻辑运算:Y。三目运算:Y。调用函数:Y。创建对象:N。JSON序列化:N。NG表达式禁止出现new关键字。NG表达式中JSON是undefined。结果展示:ts文件代码:html文件代码:(2)属性绑定形式1:直接在属性上用{{}}现在有的版本禁用形式2:直接使用[]推荐注意:属性绑定通常赋值为变量,如果赋值为常量(如字符串常量......原创 2022-06-14 14:56:14 · 820 阅读 · 0 评论 -
Angular自定义组件创建步骤
自己创建一个.ts文件Component装饰器(Decorator)用于指定class的用法selector:选择器2.接下来需要在某一个模块中注册组件class在一个app.modle.ts文件中注册3.使用已经注册过的组件在一个.html文件中使用...原创 2022-06-06 16:51:11 · 1788 阅读 · 0 评论 -
Angular入门-环境搭建、创建新项目
1.Angular环境搭建1.1安装nodejsnodejs官网安装angular的计算机上面必须装最新的nodejs--最好安装nodejs稳定版本1.2安装cnpmnpm可能安装失败建议先用npm安装一下cnpm用淘宝镜像安装https://npm.taobao.org/npm install -g cnpm --registry=https:/registry.npm.taobao.org使用npm/cnpm 命令安装angular/cli(只需安装一次)npm原创 2022-06-06 11:01:14 · 194 阅读 · 0 评论