AngularJS

关于angular引入ng-zorro的问题浅析

ng-zorro的官网上提供了两种在项目中添加ng-zorro的方法,下面记录其提供的第二种自行构建的方式。 第一步:执行该命令创建新的angular项目,若没安装angular/cli请执行安装 ng new new-project 第二步:添加ng-zorro npm install ng-zorro-antd --save 第三步:引入模块 在app.module.ts文件中引入 impor... »

Angular进行简单单元测试的实现方法实例

前言之前对单元测试的认知就是复杂,难搞,思路有,就是不知道怎样去实现,最近一次开会解决问题的过程中,发现原来单元测试可以十分简单,简单到几行代码就能实现。示例下面代码实现的功能是,判断课程所在的学院 college是否在用户所有的学院Array colleges中,如果存在,变量show赋值为true,不存在,则赋值为false,如果college为undefined或者null,也赋值为true... »

Angular+Ionic使用queryParams实现跳转页传值的方法

最近,在做电商项目,项目中需要实现:点击编辑按钮,跳转页面完成添加地址,修改地址功能。 使用到angular传参,简单做一总结: 1,发送界面ts //编辑地址 EditorAddress(item) { console.log("选中的地址"); console.log(item); this.router.navigate(['/editor-address'], { queryParams:... »

AngularJs的$http发送POST请求,php无法接收Post的数据问题及解决方案

最近在使用AngularJs+Php开发中遇到php后台无法接收到来自AngularJs的数据,在网上也有许多解决方法,却都点到即止.多番摸索后记录下解决方法: tips:当前使用的AngularJs版本为v1.5.0-rc.0 原因分析: 在使用jquery的时候进行post请求的时候很简单. $.ajax({ type: 'POST', url:'process.php', data: for... »

Angular+ionic实现折叠展开效果的示例代码

1,html中 复印纸 查看全部 A3复印纸 A3复印纸 A3复印纸 A3复印纸 A3复印纸 A3复印纸 效果图 »

Angular利用HTTP POST下载流文件的步骤记录

Angular / Vue HTTP POST下载流文件 HTTP POST 请求流文件转成excel 在使用Angular开发项目时,通常会有下载文件的功能项。一般是后台返回下载地址,通过 <a> 标题或者使用 window 打开下载地址新窗口,浏览器则会识别出流文件进行文件下载。 但是,有时候进行http异步请求,后台返回的并不是下载地址,而是直接返回一个文件流,这时如何使用htt... »

关于angular浏览器兼容性问题的解决方案

从而使各个浏览器下的展示效果一致。针对Edge浏览器降级处理,与IE浏览器效果一致,无固定列,整体可横向滚动。所以可以想办法绕过这一条,使用 HTML实体 ,Unicode编码(不可以)总结到此这篇关于关于angular浏览器兼容性问题的解决方案的文章就介绍到这了,更多相关angular浏览器兼容性问题内容请搜索软件开发网以前的文章或继续浏览下面的相关文章希望大家以后多多支持软件开发网! »

使用 Github Actions 自动部署 Angular 应用到 Github Pages的方法

前言 最近在学习 Angular,一些基础的语法也学习的差不多了,就在 github 上新建了一个代码仓库,准备用 ng-zorro 搭个后台应用的模板,方便自己以后写些小东西时可以直接使用。前端项目,最主要的还是能够实际看到,因此考虑找个地方部署,因为自己的博客是部署到 github page 上的,并且这个项目也只是一个静态网站,所以这里同样选择使用 github page 同时,考虑到发布项... »

通过angular CDK实现页面元素拖放的步骤详解

通过导入@angular/cdk/drag-drop模块我们可以轻松实现元素在页面中得拖放功能,如元素在页面中随意拖动、在特定区域内拖动亦或对列表进行拖放排序等等。 CDK. The Component Dev Kit (CDK) is a set of tools that implement common interaction patterns whilst being unopiniona... »

angular中的post请求处理示例详解

前言 项目angular中使用jQuery请求,想替换为angular自身请求,结果发现后台没法获取參数,所以,查询资料分析一下,做个总结。 步骤如下: 首先,angular和jQuery中请求是不同的。如下: jQuery: 请求contentType是: application/x-www-form-urlencoded; charset=UTF-8 该类型数据被编码成以 ‘&am... »

ng-alain的sf如何自定义部件的流程

一、背景最近使用ng-alain做前端,sf的部件很丰富,但是做起来之后就会发现,多多少少会有一些不符合需求的东西,比如:这是一个string的部件,后边跟上一个单位看着很不错,但是我们通常在使用number时会更需要这个单位,然而官方的部件并没有再比如:我想做一个编辑框,要求内容不可编辑,并且该内容要从别的列表进行选择,下拉选择可以满足需求,但是如果内容太 »

在Angular中实现一个级联效果的下拉框的示例代码

实现一个具有级联效果的下拉搜索框,实现的结果如下图所示 我们主要通过这个组件,来学习一些细微的逻辑,比如: 如何计算input框内文字的长度; 如何获取光标的位置;如何实现滚动条随着上下键盘的按动进行移动…… 具体需求如下 级联搜索最多不超过三级,以”.“作为级联搜索的连接符 搜索框跟着文本框中的”.“进行向后移动,向右移动的最大距离不能超过文本框的宽度 当用户修改之前的级... »

关于AngularJS中几种Providers的区别总结

原文:https://xebia.com/blog/differ… 什么是Provider? AngularJS文档对provider的定义: provider是一个带有$get()方法的对象。injector调用$get方法创建一个新的service的实例。provider还有一些其他的方法,可以用来配置provider。 AngularJS使用$provide注册新的pr... »

angula中使用iframe点击后不执行变更检测的问题

解决办法既然生命周期函数没调用,我们让他调用不就行了,值已经变化了,但是界面不变化,说明,angular 不知道值变化了,所以我们可以让angular 主动进行变更检测,让它知道已经发生了变化。detectChanges():手动触发执行该组件到各个子组件的一次变化监测。这个时机是由 Zone.js 去掌控的,它获取到了整个应用的执行上下文,能够对相关的异步事件发生、完成或者异常等进行捕获,然后驱... »

Angular8 简单表单验证的实现示例

简单表单校验傻瓜式校验直接复制Antd中demovalidateForm!到此这篇关于Angular8 简单表单验证的实现示例的文章就介绍到这了,更多相关Angular8 表单验证内容请搜索软件开发网以前的文章或继续浏览下面的相关文章希望大家以后多多支持软件开发网! »

用Angular实现一个扫雷的游戏示例

最近想找些项目练练手,发现去复刻一些小游戏还挺有意思的,于是就做了一个网页版的扫雷。创建应用该项目使用的是 monorepo 的形式来存放代码。BehaviorSubject 主要功能是提供了一个响应式的对象,使得逻辑服务可以通过这个对象对数据进行变更,并且,组件也可以通过这些对象来监听数据变化。start 的作用是给状态机重新设置状态;而 doNext 的作用是根据玩家点击的方块的索引对游戏进行... »

Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)

1. TinyMCE简介 TinyMCE是一个轻量级的富文本编辑器,相对于CK编辑器更加精简,但必须满足绝大部分场景的需要。 2.安装和配置TinyMCE 2.1安装TinyMCE npm install-保存tinymce 2.2设置tinymce局部访问(.angular-cli.json) "scripts": [ "../node_modules/_tinymce@4.7.4/tinymc... »

小谈angular ng deploy的实现

Angular CLI 在 8.3.0 发布过一个新命令 ng deploy,可以将 Angular 应用部署到远程服务器或云存储上面,例如:Firebase hosting、Azure、GitHub pages 等等,这也是算是 Angular CLI 最后一个将 Angular 应用从开发到部署打通全能选手工具了。 快速入门 这里我以ng-deploy-oss 为示例,演示如何将 Angula... »

解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题

说明 之前有一个angular项目,页面上表单不算多,也就一百来个(这个不固定,有的地方多,有的地方少),但是再输入的时候会造成输入延迟,反应不灵敏,对用户体验极其不好。还有一个功能就是拖拽功能(原生,没有使用官方中的拖拽功能),从左边拖到右边区域,拖拽区域少的时候还挺流畅,但一旦有几百上千的时候反应极其的慢 原因(?) 上面两个问题其实都和angular的机制有关。一个双向绑定一个拖拽... »

angular组件间通讯的实现方法示例

前言 一个Angular应用一般情况下包含多个组件,而且要让组件互相之间能进行通讯(数据传送),这样才能构成一个有机的完整系统。 1、情景引入 下面例举一个实际遇到的情况: 上图页面包含两个组件,“新增班级组件”和“选择教师组件”,在新增班级时需要选择改班级的管理教师,管理教师列表要从数据库中获取。选择好教师后,“选择教师组件”要把选择的教师对象传递回“新增班级组件”,这其中涉及到对象传递称为通讯... »

angular组件间传值测试的方法详解

前言我们知道angular组件间通讯有多种方法,其中最常用的一种方法就是借助于 @Input 和 @Output 进行通讯。具体如何通讯请参考angular组件间通讯,本文不再赘述,我们来讲讲关于此方法如何进行单元测试。到此这篇关于angular组件间传值测试的文章就介绍到这了,更多相关angular组件间传值测试内容请搜索软件开发网以前的文章或继续浏览下面的相关文章希望大家以后多多支持软件开发网... »

使用Angular9和TypeScript开发RPG游戏的方法

RPG系统构造 通过对于斗罗大陆小说的游戏化过程,熟悉Angular的结构以及使用TypeScript的面向对象开发方法。 项目地址 人物 和其他RPG游戏类似,游戏里面的人物角色大致有这样的一些属性:生命值,魔法值(魂力),攻击力,防御力,速度。RPG游戏中的角色随着等级的提高,这些属性都会提升,属性提升的快慢则取决于资质,同时,由于在实际战斗中,会出现各种增益和光环效果,这些值都是动态变化的,... »

Angular之jwt令牌身份验证的实现

工作原理当 client 通过用户名、密码请求server并通过身份认证后,server就会生成身份认证相关的 session 数据,并且保存在内存或者内存数据库。cookie + session在跨域场景表现并不好session、cookie、sessionStorage、localstorage的区别session:主要存放在服务器端,相对安全。基于JWT token的验证机制JWT基本上由“... »

Angular 多模块项目构建过程

现在再去看 Angular ,理解又不同了。那么问题就来了,在 Angular 里,我们可不可以像后台一样去构建多模块项目,以达到复用的目的呢?实现 参考学习之前一直使用 Angular Multi Module 作为关键字进行搜索,结果查询出来的都是多模块惰性加载的文章,参考意义不大。import from 'common';测试在业务模块中引入 CommonModule 。进入业务组件进行 ... »

解决三元运算符 报错“SyntaxError: can”t assign to conditional expression”

运行代码: a=1 b=1 x=1 if a==b else x=0 print(x) 提示错误: File "test.py", line 3 x=a if a==b else x=0 ^ SyntaxError: can't assign to conditional expression expression是表达式,就是加减乘除等各种运算符号连接起来的式子(statement是语句,如if... »

Page 1 of 82123»