随笔分类 -  Angular

Angular--Module的使用
摘要：Angular 是一个用html 和typescript 构建客户端应用的平台与框架。它将核心功能和可选功能作为一组TypeScript 库进行实现，你可以把它们导入到你的应用中。 1. 模块Module Angular 应用的基本构造块是NgModule, 它为组件提供了编译的上下文环境。 Ang 阅读全文
posted @ 2020-04-17 16:07 小胖橘乐乐 阅读(1197) 评论(0) 推荐(0)
Angular-cli 搭建项目
摘要：一、首先需要安装node和npm 查看你的node以及npm版本： node -v 查看node版本 npm -v 查看npm版本 要求所有版本都是最新的，不然可能会出错。 设置淘宝镜像，这样下载东西就是从国内网站下载了，网速更快 npm install cnpm -g --registry=htt 阅读全文
posted @ 2020-04-17 15:57 小胖橘乐乐 阅读(251) 评论(0) 推荐(0)
Angular中ui-grid的使用详解
摘要：Angular中ui-grid的使用 在项目开发的过程中，产品经理往往会提出各种需求，以提高用户体验。最近，项目中用到的表格特别多，而且表格的列数和行数也超多。为了让用户浏览更爽，产品经理提出，当表格上下滚动时，表头固定，左右滚动时，表头随动。就这样一个看似十分easy的需求，我研究了一周时间，终于 阅读全文
posted @ 2018-08-05 21:22 小胖橘乐乐 阅读(9410) 评论(1) 推荐(0)
Angular中通过$location获取地址栏的参数详解
摘要：Angular中通过$location获取url中的参数 最近，项目开发正在进行时，心有点燥，许多东西没来得及去研究，今天正想问题呢，同事问到如何获取url中的参数，我一时半会还真没想起来，刚刚特意研究了一下，常用的方法就以下几种： 1.获取当前完整的url路径 var absurl = $loca 阅读全文
posted @ 2018-08-01 22:41 小胖橘乐乐 阅读(959) 评论(0) 推荐(0)
Angular中sweetalert弹框的使用详解
摘要：最近太忙了，项目中使用的弹框老板嫌太丑，让我们优化一下，我在网上找了一下，找到了sweetalert弹框，算是比较好看的弹框了。所以我就想办法将sweetalert用到项目中，在项目中引入sweetalert时，遇到诸多问题，但最终在我不懈坚持下，都解决了，实现了效果。具体用法请看下文。写的有问题的 阅读全文
posted @ 2018-07-21 23:09 小胖橘乐乐 阅读(954) 评论(0) 推荐(1)
Angular中ui-select的使用
摘要：Angular中ui-select的使用 最近工作一直很忙，没有时间整理知识，前几天项目中需要用到angular-ui-select，实现下拉框快速过滤效果，今天有时间研究了一下，终于搞明白了。 一、准备工作 1.安装依赖包 （1）Angular V1.4.9 （2）Angular-sanitize 阅读全文
posted @ 2018-06-22 23:52 小胖橘乐乐 阅读(14024) 评论(0) 推荐(0)
第220天：Angular---路由
摘要：内容介绍，为什么要使用前端路由？ 在2005左右，兴起了一种叫做ajax的技术，有了ajax之后，我们向服务端提交数据的时候就不再需要使用from表单去提交了，因为from表单之间的提交会导致页面之间的切换，也就是说无法实现单页应用。 ajax的缺陷 1、不会在浏览器里面留下历史记录 2、用户无法将 阅读全文
posted @ 2018-05-05 14:34 小胖橘乐乐 阅读(207) 评论(0) 推荐(0)
第219天：Angular---过滤器
摘要：在Angular中，过滤器的功能主要是格式化数据表达式，且可以自定义过滤器。作用域(scope)主要服务于页面模板，在控制器和页面中起桥梁作用，保存模板中的数据对象，为模板中的元素提供方法和属性。 一、过滤器的表现形式 在angular中有三种变现形式，通过管道字符 “ | ”，与需要处理的代码进行 阅读全文
posted @ 2018-04-18 17:42 小胖橘乐乐 阅读(215) 评论(0) 推荐(0)
todomvc-app
摘要：1、HTML 2、app.js 阅读全文
posted @ 2018-04-15 22:26 小胖橘乐乐 阅读(409) 评论(0) 推荐(0)
第218天：Angular---模块和控制器
摘要：1、使用NG实现双边数据绑定 所有需要ng管理的代码必须被包裹在一个有ng-app指令的元素中ng-app是ng的入口，表示当前元素的所有指令都会被angular管理（对每一个指令进行分析和操作） 2、模块 3、控制器 4、注册登录的实现 5、表达式（页面由表达式转为数据过程的隐藏） 阅读全文
posted @ 2018-04-13 21:16 小胖橘乐乐 阅读(227) 评论(0) 推荐(0)
第217天：深入理解Angular双向数据绑定的原理
摘要：一、理解angular双向数据绑定 双向绑定是新的前端框架中频繁出现的一个新词汇，也是mvvm的核心原理。angularjs五条核心信念中的数据驱动，便是由双向绑定进行完成。 那么什么是双向绑定，下面简单进行讲解。 首先我们要理解数据绑定。我们看到的网站页面中，是由数据和设计两部分组合而成。将设计转 阅读全文
posted @ 2018-04-10 22:53 小胖橘乐乐 阅读(1104) 评论(0) 推荐(0)
第216天：Angular---自定义指令（二）
摘要：自定义指令 1、第一个参数是指令的名字，第二个参数任然应该使用一个数组，数组的最后一个元素是一个函数。定义指令的名字，应该使用驼峰命名法 2、自定义一个面包屑导航 3、面包屑导航 阅读全文
posted @ 2018-04-09 22:54 小胖橘乐乐 阅读(196) 评论(0) 推荐(0)
第215天：Angular---指令
摘要：指令（Directive） AngularJS 有一套完整的、可扩展的、用来帮助 Web 应用开发的指令集 在 DOM 编译期间，和 HTML 关联着的指令会被检测到，并且被执行 在 AngularJS 中将前缀为 ng- 这种属性称之为指令，其作用就是为 DOM 元素调用方法、定义行为绑定数据等 阅读全文
posted @ 2018-04-08 21:29 小胖橘乐乐 阅读(158) 评论(0) 推荐(0)
第214天:Angular 基础概念
摘要：一、Angular 简介 1、 什么是 AngularJS - 一款非常优秀的前端高级 JS 框架 - 最早由 Misko Hevery 等人创建 - 2009 年被 Google 公式收购，用于其多款产品 - 目前有一个全职的开发团队继续开发和维护这个库 - 有了这一类框架就可以轻松构建 SPA 阅读全文
posted @ 2018-04-04 22:46 小胖橘乐乐 阅读(185) 评论(0) 推荐(0)