angular - 随笔分类 - Sun~_~

Angular7 Drag and Drop

摘要：@angular/cdk/drag-drop模块可以帮助我们在水平/垂直列表中拖动单个项目或对其进行排序，在列表之间传递项目，显示动画、预览、占位符、自定义拖放句柄。在本教程中，我们将创建许多简单的例子来展示如何使用Angular 7 Material CDK – Drag and Drop。阅读全文

posted @ 2019-02-13 17:25 Sun~_~ 阅读(1783) 评论(0) 推荐(1)

angualrJs实现图片上传功能

摘要：整体逻辑：service提供FileReader函数，directive提供点击事件的绑定和监听，controller用来修改html上的ng-src属性值 1.HTML 2.AngularJS 1)Controller 2）Directive 3)Service 阅读全文

posted @ 2018-06-19 14:08 Sun~_~ 阅读(164) 评论(0) 推荐(0)

angular自定义指令 repeat 循环结束事件；limitTo限制循环长度、限定开始位置

摘要：1.获取repeat循环结束：自定义指令： html: controller: 2.limitTo过滤，指定循环开始位置，循环长度阅读全文

posted @ 2018-03-01 12:59 Sun~_~ 阅读(447) 评论(0) 推荐(0)

angular2.0---服务Service，使用服务进行数据处理

摘要：1.创建服务打开命令窗口，cd到项目目录下，输入 ng g service myData1 回车创建服务，如下图所示：这样就成功创建了服务，此时，可以在项目的app文件夹下生成了两个service文件， 2.引入注册服务服务创建好之后，要先引入注册之后才能用。首先要在app.module. 阅读全文

posted @ 2018-01-02 22:00 Sun~_~ 阅读(320) 评论(0) 推荐(0)

angular2.0入门---webStorm创建angular CLI项目

摘要：创建项目之前需要先安装angular cli，（angular是用typescript编写的，所以先安装typescript，再安装angularjs-cli）。打开命令窗口输入 npm install -g angular-cli ，等待安装完成，就可以打开webStorm创建项目了。 1.首先需阅读全文

posted @ 2017-12-24 17:47 Sun~_~ 阅读(2594) 评论(0) 推荐(0)

angularjs ui-view多视口多层嵌套路由配置

摘要：最近研究了一下ui-view多层嵌套，整理了一下 1.最简单的ui-view用法 html部分：路由配置： 2.多视口 html部分：路由配置：这里需要注意的是路由传参，这里把news.html内容贴出来结合路由配置，看一下template模板代码：首先是header.html news. 阅读全文

posted @ 2017-12-19 22:15 Sun~_~ 阅读(893) 评论(0) 推荐(1)

angular表单验证

摘要：用法 AngularJS在处理表单时，会根据表单的状态自动添加一些CSS类。我们可以利用这些CSS类使用不同的样式提示用户表单目前的状态。 CSS类何时自动添加 ng-pristine 表单没有做过修改时 ng-dirty 表单做过修改时 ng-valid 表单内容合法时 ng-invalid 表阅读全文

posted @ 2017-09-16 13:18 Sun~_~ 阅读(182) 评论(0) 推荐(0)

Angular-ui/bootstarp modal 主控制器与模态框控制器传值

摘要：调用模态框：举个栗子阅读全文

posted @ 2017-09-16 13:15 Sun~_~ 阅读(390) 评论(0) 推荐(0)

angular之$on、$emit、$broadcast

摘要：1.$scope.$on view事件 //路由路径发生改变时 current:要到达的路径 previous：上一个路径 //销毁事件 ng-route路由有几个常用的事件： $routeChangeStart：这个事件会在路由跳转前触发 $routeChangeSuccess：这个事件在路由跳转阅读全文

posted @ 2017-09-16 13:05 Sun~_~ 阅读(356) 评论(0) 推荐(0)

AngularJs动态添加元素和删除元素

摘要：动态添加元素和删除元素阅读全文

posted @ 2017-09-16 12:43 Sun~_~ 阅读(1775) 评论(0) 推荐(0)

angular.element

摘要：将DOM元素或者HTML字符串一包装成一个jQuery元素。格式：angular.element(element); element：包装成jquery对象的html字符串或者dom元素 jqLite提供的方法： addClass() after() append() attr() bind() 阅读全文

posted @ 2017-09-16 12:41 Sun~_~ 阅读(150) 评论(0) 推荐(0)

angularJs的工具方法

摘要：angularJs的工具方法 1.angular.iaArray() 返回true; 2. angular.iaElement() 支持判断JQ获取到的对象 3.angular.equals(a,b) 判断两个参数是否相等； 4.angular.forEach() 遍历 5. angular.fro 阅读全文

posted @ 2017-09-16 12:22 Sun~_~ 阅读(221) 评论(0) 推荐(0)

AngularJS $watch 监听

摘要：监听$watch 监听数据变化，有三个参数 $scope.$watch(“监听的属性”,function(new，old){},true); 写true的时候可以监听一个对象里的多个数据变化，不写true的时候只能监听单个对象变化。new是新值，old是旧值。阅读全文

posted @ 2017-09-16 12:14 Sun~_~ 阅读(231) 评论(0) 推荐(0)

AngularJs 延时器、计时器

摘要：1.$timeout延时器 2.$interval计时器点击不可用阅读全文

posted @ 2017-09-16 12:12 Sun~_~ 阅读(737) 评论(0) 推荐(0)

AngularJS 过滤器

摘要：angularJs的过滤器 1.currency 2.number <div>{{num|number:0}}</div>  number的参数为保留小数点的位数，默认为3；对象必须为数字 3.lowercase/uppercase 大小写转换，没有参数 4 阅读全文

posted @ 2017-09-16 11:57 Sun~_~ 阅读(166) 评论(0) 推荐(0)

angular ng指令

摘要：1.指令 ng-app,ng- 都是angular的指令系统ng-app: ng-app是angular的初始化，一个页面只能有一个ng-app,位置不限制。在页面上加入了这个执行，那么从当前的元素以及儿子元素，都交给angular管理，不赋值的话，会有一个默认模块。ng-app="myApp"这里阅读全文

posted @ 2017-09-16 11:55 Sun~_~ 阅读(2447) 评论(0) 推荐(0)

Sun_

随笔分类 - angular

公告