随笔分类 - Angular
用 Angular 扩展语法编写 HTML 模板, 用组件类管理这些模板,用服务添加应用逻辑, 用模块打包发布组件与服务。
组件类应保持精简。组件本身不从服务器获得数据、不进行验证输入,也不直接往控制台写日志。 它们把这些任务委托给服务。
相关站点:
https://www.angular.cn/
https://angularjs.org/
angular2监听页面大小变化
摘要:一、现象 全屏页面中的图表,在很多的时候需要 resize 一把,以适应页面的大小变化 二、解决 1、引入 : import { Observable } from 'rxjs'; 2、使用(在ngOnInit方法中):
阅读全文
angular如何引入公共JS
摘要:一、现象 在项目的开发中,总会用到一些公司的脚本方法,同时,不希望在每个页面用到时又得需要引用,有点麻烦。 二、解决 1、在src文件夹下新建文件夹 utils; 2、在utils下新建文件 common.js,如: var common = { showInfo: function(name, a
阅读全文
angular使用Md5加密
摘要:一、现象 用户登录时需要记住密码的功能,在前端需要对密码进行加密处理,增加安全性 二解决 1、利用npm(如果没有,先自行安装npm)安装ts-md5 npm install ts-md5 --save-dev 2、在使用的页面中导入 3、使用 三、总结 发现这个 npm install md5 -
阅读全文
angular4模块中标签添加背景图
摘要:一、现象 一个全屏的“走马灯”每项需要添加背景图,在循环标签里需要动态添加行内样式 二、解决 1、首先有一个图片数组,如: 2、模块中添加数据,如: 三、总结 需要继续思考,如果数组中不带有url字符,只是单纯的图片路径,应该如何操作?
阅读全文
angular使用sass的scss语法
摘要:一、现象 为了简写样式 二、解决 1、安装sass ,利用npm 安装(npm工具如果没有,请先自行安装好) (1)、npm install node-sass --save-dev (2)、npm install sass-loader --save-dev 2、修改.angular-cli.js
阅读全文
设置angular公共样式表
摘要:一、现象 新创建的项目,是直接显示在src目录下的,假如会用到其它第三方的全局样式时,不能统一放在一个地方统一来管理,就会感觉有点乱。 二、解决 1、移动样式表。 在assets文件夹(该文件夹一般都是放一些静态的文件)下新建 css文件夹,然后把外面的styles.css文件(或自定义其它的样式表
阅读全文
更改angular的默认端口
摘要:一、现象 当本地同时运行了多个angular项目时,端口占用问题 Port 4200 is already in use. Use '--port' to specify a different port. 二、解决 1、相应找到以下目录 node_modules/@angular/cli/lib/
阅读全文
angular模拟web API
摘要:现象:angular Cannot find module 'angular-in-memory-web-api'报错找不动“angular-in-memory-web-api”模块 解决:1、控制台运行 npm install angular-in-memory-web-api --save2、重
阅读全文