Angularjs
文章平均质量分 64
Weby-Weby
前端码农,也写写cocoscreator游戏,研究下新技术什么的,回复消息可能较慢,敬请谅解。
展开
-
Angularjs 1.x 学习笔记
一,引入百度CDN:<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>引入参考地址:http://www.angularjs.net.cn/download/二,AngularJS 指令当网页加载完毕,AngularJS 自动开启。ng-app 指令告诉 Ang...原创 2018-05-02 16:46:33 · 1080 阅读 · 0 评论 -
express + layui + angular +mysql 构建 后台管理系统
jade中文文档:http://www.nooong.com/docs/jade_chinese.htmlayui中文文档:https://www.layui.com/doc/element/layout.htmlangular1.x :http://www.runoob.com/angularjs/angularjs-tutorial.html一,jade +angular公用模...原创 2019-02-28 16:39:21 · 697 阅读 · 1 评论 -
使用$cookies存储客户登录信息
使用$cookies可以设置存储时间;引入:https://code.angularjs.org/1.6.9/angular.min.jshttps://code.angularjs.org/1.6.9/angular-cookies.min.jsvar app = angular.module("myApp", ['ngCookies']);代码: $scope....原创 2018-11-01 16:25:26 · 1360 阅读 · 0 评论 -
Angular自定义指令监听页面渲染
需求:ng-repeat遍历完成后,执行函数代码如下js(自定义指令):// 自定义监听页面渲染指令app.directive('repeatFinish',function () { return{ link:function (scope,element,attr) { // scope.index为当前遍历的位置 ...原创 2018-11-01 15:59:42 · 898 阅读 · 0 评论 -
AngularCli新建组件报错(More than one module matches. Use skip-import ...)
新建组件报错:报错内容:More than one module matches. Use skip-import option to skip importing the component into the closest module.原因:项目中存在多个module,需要指定某个module新建;解决办法:加后缀 --module=app...原创 2018-10-28 09:44:23 · 4421 阅读 · 0 评论 -
angularJs 获取上传文件进度
angular在1.5.5以上的版本中,在$http中也加入了eventHandler和uploadEventHandlers等方法。发送请求:$http({ method:"POST", url:basePath+"/roadShow/saveOrUpdate", eventHandlers: { ...原创 2018-07-25 11:30:23 · 1605 阅读 · 0 评论 -
angularJs中的 $event
最近在项目开发过程中,发现$event的作用十分强大。在angularJs中,this指向$scope但是可以$event配合使用$(event.target)实现原来无效的代码:$scope.addActive = function () { $(this).addClass("active").parent("li").siblings("li").children("...原创 2018-07-13 16:02:08 · 16443 阅读 · 1 评论 -
两种常用遍历方式
一,jQuery each() 方法示例:$("button").click(function(){ $("li").each(function(){ alert($(this).text()) });});each() 方法规定为每个匹配元素规定运行的函数。提示:返回 false 可用于及早停止循环。开发环境:遍历多选框,获取选中的所有框的值: $("input:check...原创 2018-07-09 10:04:58 · 321 阅读 · 0 评论 -
angular中将long型时间转换成其他类型
一. ng表达式<!-- 表达式中使用 -->{{ dt1 | date:'yyyy-MM-dd HH:mm:ss' }}二. 控制器中使用//必须注入 $filter 模块app.controller("demoCtrl", ["$scope", "$filter", function($scope, $filter){ $scope.dt1 = new Date();...转载 2018-05-23 18:34:00 · 1482 阅读 · 0 评论 -
Angularjs POST/GET/JSONP请求
1,POST请求POST请求应该是一般项目用的最多的请求方式,这里的header分几种:application/x-www-form-urlencoded标准的编码格式,也是Jquery的Ajax请求默认方式,这种方式的好处就是浏览器都支持,在请求发送过程中会对数据进行序列化处理,以键值对形式?key1=value1&key2=value2的方式发送到服务器,如果用Jquery,它内部已经...原创 2018-06-04 11:13:31 · 2138 阅读 · 0 评论 -
Angular Route基础路由
一,基本指令组件、模块、路由之间的关系图:二,创建路由项目带--routing后,会多生成一个app.module.tsng new router --routing新建两个组件以供测试:ng g component homeng g component product三,配置路由:引入组件,配置Routes(路径,组件,……)。src\app\app-routing.module.tsimp...原创 2018-05-07 22:01:58 · 1025 阅读 · 0 评论 -
Module '"C:/work/Angularjs/fa-demo/node_modules/rxjs/Rx"' has no exported member 'of'.
使用官方提供的导入 Observable 和 of 符号的方式,报错import { Observable, of } from 'rxjs';解决方式:分开导入import { Observable } from 'rxjs/Observable';import { of } from 'rxjs/observable/of';...原创 2018-05-07 17:26:08 · 416 阅读 · 0 评论 -
Angular cli构建项目
一,准备阶段。初始化项目,并尝试运行:ng new myProjectcd myProjectng serve二,添加外部框架:npm install jquery --savenpm install popper.js --savenpm install bootstrap --save由于typescript不能直接识别js,需要引入类型描述文件npm i @types/jquer...原创 2018-05-06 21:58:47 · 1034 阅读 · 0 评论 -
Angualar CLI
一,功能简介快速创建Angular项目及组件(new generate)使用Angular CLI进行同步开发(serve)使用Angular CLI进行简单测试和打包(test build)二,安装检测:三,Hello Angular CLI1,创建项目:如果速度较慢,尝试以下方式:--skip-install阻止使用npm进行安装四,主要指令及其参数ng-new指令创建一个含有route路由的...原创 2018-05-04 22:46:56 · 300 阅读 · 0 评论 -
js表单中常用的正则表达式
//用户名正则,字母开头 + 数字/字母/下划线 $scope.unameRegx = "^[A-Za-z][A-Za-z1-9_-]{5,19}$"; //密码强度正则,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符 $scope.pwordRegx = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])...原创 2019-06-12 09:10:26 · 228 阅读 · 0 评论