
angular
yunchong_zhao
这人比较懒,不喜欢写简介
展开
-
angular 中发送ajax请求 自带的http模块和引入axios 你用那种?
啦啦啦啦啦 我又来 的哈今天我要说的是 ng中的 发送请求的事情,这个可是必须要讲解的 不然工作都没法进行 不是嘛 太多的理论废话 就不啰嗦了 上才艺在 app.module.ts文件中 引入 http模块 不需要下载 是它内置的import { HttpClientModule } from "@angular/common/http";// 在下面的imports 中也设置一下 imports: [ BrowserModule, AppRoutingModule,原创 2020-08-14 14:02:35 · 1607 阅读 · 0 评论 -
angular 之路由篇入门级别 详细讲解 (2)
接着上篇讲到这次我要更改下 顺序 先来说下 什么是动态路由我们经常见到的一种单页方式就是 从商品列表页跳转到商品的详情页面 通过携带商品的 id进行跳转 类似 /product/1 /product/2 /product/3 等等这里的 1 2 3 就是 商品的id这个和传统的 product?id=1 有点不同在单页中 这个 /product/1 后面数字不同相当于一个新的路由了 所以就牵扯出来了 动态路由的 事情来了再 angular 动态路由定义和vue 一样原创 2020-08-13 16:19:42 · 255 阅读 · 0 评论 -
angular 之路由篇入门级别 详细讲解 (1)
毕竟 三大框架的都可以 做单页应用的vue 和 react 的路由 讲解 我之前很早就说过了 今天终于暂时迎来了 路由的终结篇章了 angular的路由讲解了其实把 你有了 vue和 react 的路由基础的话 理解ng 的路由还是 比较容易 说到底底层都是js 虽然 ng是 ts写的 但是换汤不换药好了 进入正题了路由要讲的 无非就是 路由的 1.引入2.跳转3.跳转带参数4.接受参数5.动态路由 这几个核心问题1.先说引入吧安装脚手架的时候 他会问你 是否要安装路由 说时候有一些项目原创 2020-08-13 15:23:24 · 522 阅读 · 0 评论 -
angular中 关于 rxjs的讲解 比promise更强大的 异步解决问题
其实 异步执行问题的 解决方法 一直都是 js的 要处理的核心的问题之一所谓异步 其实就是不是现在执行的方法,是在之后几秒 或者未来的有段时间触发得方式也不能叫做方法把, 可以看作就是一个 一段代码现在不执行再之后才执行从以前的 异步回调地狱 到 promise 再到async 不过js也是一直再改善和进步这个也是 我一直热爱js的原因之一到现在位置js的解决异步的问题 有四种方法1.通过回调函数处理 es5中处理方式2.通过事件注册和监听 比如 addEventListen(‘cl原创 2020-08-12 17:45:59 · 861 阅读 · 0 评论 -
angular中的服务的入门级别 讲解
服务听着好像很高大上的 样子 其实吧用着也是挺高大上的服务 就是 为组件 做一些事情的 帮组件缓存数据,做一些 请求啥的可以让其他的组件共用 差不多就是这个意思吧可以把它类比于 vue中的 mutations 和 actions1.创建服务再app 文件夹下 创建一个 service 文件夹 里面存放 model 服务ng g service service/model2. 在 app.module.ts 中注册声明import { ModelService } from原创 2020-08-12 13:45:17 · 238 阅读 · 0 评论 -
angular中获取dom元素
每次讲angular中的特性的时候总是习惯性地拿他和vue进行比较。vue中获取dom元素的方法 有两种1.通过js原生获取如果你想提取获取dom元素的话,有个条件是你得在 mounted 挂载之后的生命周期钩子函数中 进行调用 document.getElementById();document.querySelector();2. 就是 vue自带的 ref 给需要dom元素上加一个 ref=“自定义名称” 然后 通过 this.$refs.自定义名称就可以获取到了好了 复习完 vue的东西原创 2020-05-21 15:36:01 · 5421 阅读 · 0 评论 -
angular的入门讲解
虽然angular是适合开发大项目使用,但是笔者还是决定要入坑了,毕竟之前有了ts的基础,不学是在心里痒痒.之前有讲解的搭建angular脚手架的博客,我用脚手架创建一个My-app的项目项目安装完成之后 目录结构大概就是这样的了angular是使用模块化开发 他这个模块下有组件学过vue的同学可能知道 vue是一个组件化开发的框架,里面的一个.vue文件中集中了html js 和cs...原创 2020-03-24 20:25:17 · 603 阅读 · 0 评论 -
angular脚手架安装
下载最新的node.jshttps://nodejs.org/en/安装稳定版本的npm install @angular/cli -g你也可以使用cnpm 安装npm config set registry https://registry.npm.taobao.org// 创建项目ng new my-app // 时间有点长慢慢等待哈静静地等待项目的 安装他会问你 需要...原创 2020-03-23 20:37:18 · 905 阅读 · 0 评论