
angular
文章平均质量分 73
二哈想吃比巴卜
一只在编程路上摇摆的羊驼
展开
-
前端通用保存用户登录状态之“withCredentials“
前端通用保存用户登录状态之"withCredentials"标题阐述如何开放使用withCredentials开放证书触发的问题及解决方式标题阐述在前端里面如何保存用户登录状态,即是难点也是一种非常常用的技术,通过判定用户的状态来开启部分功能或者全部功能。常见的有:浏览器的localStorage、sessionStorage来维持登录状态vue 的vuex 来共享用户状态前端开放浏览器的证书来维持用户的登录状态这里嘛小编就第三点来进行阐述。如何开放使用withCredentials原创 2020-12-05 18:50:08 · 1031 阅读 · 0 评论 -
Angular项目结构熟悉
Angular项目结构熟悉Angular 作为前端几大框架之一,且其具体的使用步骤跟vue 非常的相似,如何快速的上手使用,其项目结构图必须先了解,不然看一些教学视频会非常懵逼,所以小编这里就简单的画了一个,希望对正在学习的你有帮助,名词略与不同,只需熟悉步骤即可。结构熟悉了上手就快了启动 命令: ng s -o 启动后打开浏览器快速创建自定义组件 ng g c 文件名...原创 2020-11-30 09:20:48 · 245 阅读 · 0 评论 -
Angular的常用命令
•命令行创建项目包ng new 项目名启动命令ng s 或 ng s -o生成组件ng g c 组件名生成管道ng g p 管道名生成指令ng g d 指令名•angular用法双标签内容: {{}}属性: [属性名]=‘值’ 或 属性名="{{ 值 }}"事件: (事件名)=‘方法名()’双向数据绑定:[(ngModel)]=“值” 一定要手动引入+注册 Form 模块条件渲染: ngIf列表渲染: ngFor=“let item of item原创 2020-12-02 15:36:04 · 768 阅读 · 0 评论 -
Angular 网络请求中subscribe如何正确接收值
标题Angular 网络请求中subscribe如何正确接收值常规请求中都是利用一个回调函数 返回接收到的值,如(res)=>{//打印接收到的结果 console.log(res)}这样接收没错,思路也是没有问题的但是在Angular 的typeScriprt中对变量的类型要求很严格,所以要声明res 的类型否则在自己的作用域中也会报错的。所以要变量声明类型才能使用解决办法ngOnInit(): void { //加载调用 // this.getimage();原创 2020-12-02 15:39:45 · 2360 阅读 · 0 评论 -
Angular与ionic的幸福生活之 “网址小技巧(DomSanitizer 解决渲染浮动框架网站不安全问题)”
Angular与ionic的幸福生活之 “网址小技巧(DomSanitizer)”小编这几天的更新也是非常勤奋的,其遇见的问题都是真实开发中常见的问题,进行记录解析:其中,就在今天小编遇到了这样的一个问题,自身网页嵌入了其它网页中带有浮动框架的部分,当我们用这个框架进行数据渲染的时候浏览器后台总会报错 说这不是一个安全的网页,这个时候我们应该如何解决呢?请顺着小编的笔记往下看在ts 文件中:1.自身路径和本网页或者其他玩网页的url 部分进行拼接//前半部分为url 的基础路径,后半部分为,通过原创 2020-12-04 20:36:14 · 240 阅读 · 0 评论 -
Angular缺陷之一 ng-for 不能遍历对象属性中的数字怎么办?
Angular缺陷之一 ng-for 不能遍历对象属性中的数字怎么办?这也是在学习过程中遇见的一个问题,很常见,觉得有必要记录,如果你碰巧在寻找这方便的解决办法,那很巧,正好我做记录了。vue 跟 Angular的整体使用方式非常的相似,只不过 Angular 中的用的是Type Script语言,将Java和js 进行结合,如果这两种语言你都学过,那么你用起来会很得心应手的,好了废话不多说了,直接进入正题。1,首先在 该组件的 ts 文件中创建一个自定义的函数,用来传入数值返回出一个数组 //原创 2020-12-02 10:29:47 · 1052 阅读 · 0 评论 -
前端设置代理服务器解决跨域问题
前端设置代理服务器解决跨域问题跨域在前后端进行数据交接的时候是最容易遇见的问题之一,那么身为前端的我们改如何解决跨域问题呢?这里我们可以用代理服务器的方式进行解决拿到请求连接的url 地址,配置“proxy.conf.json” 文件// 这里我们以 斗鱼的地址作为案例// url=http://capi.douyucdn.cn/api/v1/live?limit=20&offset=0//这个时候我们可以把url 中的前半部分提取出来作为代理连接//代理连接 api=http://原创 2020-12-02 20:12:55 · 1431 阅读 · 3 评论 -
Angular与ionic的快乐生活之 “ion-slides“组件横向滑块/轮播图
Angular与ionic的快乐生活之 "ion-slides"组件横向滑块/轮播图这个例子很简单但是非常实用,官网上也有,但不适合查找,百度这方面的词条太少了。所以我打算将这个经典的组件使用方式进行记录。方便大家学习查找,并备注。//pager 是轮播知识灯//[options]=“{}”,以对象的形式书写可以更好的控制这个轮播,对于我们使用最直接的属性是 detay:2000 这是控制时间的 用的是计算机毫秒数,2000就是两秒,所以控制这个时间就可以控制这个轮播速度了 <ion-sli原创 2020-12-03 20:13:22 · 368 阅读 · 0 评论 -
Angular与ionic的幸福生活之“tabs路由“的项目结构及跳转方式
Angular与ionic的幸福生活之“tabs路由“的项目结构及跳转方式如何快速的上手使用 icon tabs 呢,首先要熟悉性项目结构知道怎么去配置这个路由,每部分是干啥的,这样才能快速上手节约学习时间1. 快速生成项目 ionic start mfreshApp 自定义文件名称2.熟悉项目结构什么是根路由?就是管理注册路由的一个目录,只要是出创建的子路由,都要在根路由中注册,用命令行 ionic g page 项目名称,自动生成,但仍需要去配置这个路由,需要手动去配置,值得庆幸的是项目包中原创 2020-12-03 21:01:36 · 356 阅读 · 0 评论