Angular
文章平均质量分 68
lelara
这个作者很懒,什么都没留下…
展开
-
Angular中ui-select的使用
Angular中ui-select的使用最近工作一直很忙,没有时间整理知识,前几天项目中需要用到angular-ui-select,实现下拉框快速过滤效果,今天有时间研究了一下,终于搞明白了。一、准备工作1.安装依赖包(1)Angular --- V1.4.9(2)Angular-sanitize --- V1.2.28(3)Angular-ui-select ...原创 2018-06-22 23:52:00 · 1467 阅读 · 0 评论 -
第215天:Angular---指令
指令(Directive)AngularJS 有一套完整的、可扩展的、用来帮助 Web 应用开发的指令集在 DOM 编译期间,和 HTML 关联着的指令会被检测到,并且被执行在 AngularJS 中将前缀为 ng- 这种属性称之为指令,其作用就是为 DOM 元素调用方法、定义行为绑定数据等简单说:当一个 Angular 应用启动,Angular 就会遍历 DOM 树来解析 HTM...原创 2018-04-08 21:29:00 · 115 阅读 · 0 评论 -
第216天:Angular---自定义指令(二)
自定义指令1、第一个参数是指令的名字,第二个参数任然应该使用一个数组,数组的最后一个元素是一个函数。定义指令的名字,应该使用驼峰命名法 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>D原创 2018-04-09 22:54:00 · 107 阅读 · 0 评论 -
第217天:深入理解Angular双向数据绑定的原理
一、理解angular双向数据绑定双向绑定是新的前端框架中频繁出现的一个新词汇,也是mvvm的核心原理。angularjs五条核心信念中的数据驱动,便是由双向绑定进行完成。那么什么是双向绑定,下面简单进行讲解。首先我们要理解数据绑定。我们看到的网站页面中,是由数据和设计两部分组合而成。将设计转换成浏览器能理解的语言,便是html和css主要做的工作。而将数据显示在页面上,并且有一定的交...原创 2018-04-10 22:53:00 · 4136 阅读 · 0 评论 -
第218天:Angular---模块和控制器
1、使用NG实现双边数据绑定所有需要ng管理的代码必须被包裹在一个有ng-app指令的元素中ng-app是ng的入口,表示当前元素的所有指令都会被angular管理(对每一个指令进行分析和操作) 1 <body> 2 <div ng-app ng-init="user.name='world'"> 3 <h1>使用NG实现双边数据绑定&...原创 2018-04-13 21:16:00 · 143 阅读 · 0 评论 -
angular实例---todomvc-app
1、HTML 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width,原创 2018-04-15 22:26:00 · 179 阅读 · 0 评论 -
第219天:Angular---过滤器
在Angular中,过滤器的功能主要是格式化数据表达式,且可以自定义过滤器。作用域(scope)主要服务于页面模板,在控制器和页面中起桥梁作用,保存模板中的数据对象,为模板中的元素提供方法和属性。一、过滤器的表现形式在angular中有三种变现形式,通过管道字符 “ | ”,与需要处理的代码进行连接,看代码:1、单个过滤器,如:{{表达式 | 过滤器名}}货币过滤器 ...原创 2018-04-18 17:42:00 · 130 阅读 · 0 评论 -
第220天:Angular---路由
内容介绍,为什么要使用前端路由?在2005左右,兴起了一种叫做ajax的技术,有了ajax之后,我们向服务端提交数据的时候就不再需要使用from表单去提交了,因为from表单之间的提交会导致页面之间的切换,也就是说无法实现单页应用。 ajax的缺陷 1、不会在浏览器里面留下历史记录 2、用户无法将页面加为书签保存下来或者无法通过发送网址给其他人,其他人通过直接点击网址进入这个页面 3、...原创 2018-05-05 14:34:00 · 123 阅读 · 0 评论 -
Angular中sweetalert弹框的使用详解
最近太忙了,项目中使用的弹框老板嫌太丑,让我们优化一下,我在网上找了一下,找到了sweetalert弹框,算是比较好看的弹框了。所以我就想办法将sweetalert用到项目中,在项目中引入sweetalert时,遇到诸多问题,但最终在我不懈坚持下,都解决了,实现了效果。具体用法请看下文。写的有问题的地方欢迎留言,我会及时更改。一、下载文件npm install angular-sweeta...原创 2018-07-21 23:09:00 · 1242 阅读 · 0 评论 -
Angular中通过$location获取地址栏的参数详解
Angular中通过$location获取url中的参数 最近,项目开发正在进行时,心有点燥,许多东西没来得及去研究,今天正想问题呢,同事问到如何获取url中的参数,我一时半会还真没想起来,刚刚特意研究了一下,常用的方法就以下几种:1.获取当前完整的url路径 var absurl = $location.absUrl(); //http://88:8100/#/homeP...原创 2018-08-01 22:41:00 · 1120 阅读 · 0 评论 -
第214天:Angular 基础概念
一、Angular 简介1、 什么是 AngularJS- 一款非常优秀的前端高级 JS 框架- 最早由 Misko Hevery 等人创建- 2009 年被 Google 公式收购,用于其多款产品- 目前有一个全职的开发团队继续开发和维护这个库- 有了这一类框架就可以轻松构建 SPA 应用程序- 轻松构建 SPA(单一页面应用程序)- 单一页面应用程序: +...原创 2018-04-04 22:46:00 · 126 阅读 · 0 评论