AngularJS
关注
分享
扫一扫
文章平均质量分 76
你温柔的背后是心情的曲折
技术达人
展开
-
AngularJS—指令directive之controller，link，compile
关于自定义指令的命名，你可以随便怎么起名字都行，官方是推荐用[命名空间-指令名称]这样的方式，像ng-controller。不过你可千万不要用 ng-前缀了，防止与系统自带的指令重名。另外一个需知道的地方，指令命名时用驼峰规则，使用时用-分割各单词。如：定义myDirective，使用时 像这样：。这里列出directive的合法命名：ng:bindng-bindng_bindx-转载 2017-02-26 22:25:12 · 537 阅读 · 0 评论 -
AngularJS—AngularJS内幕详解之 Scope
在AngularJS的代码库中呈现出了大量有趣的设计，最有趣的两个例子是scope的工作方式和directives(指令)的表现。有的人第一次接触AngularJS时就被告知directives是和DOM交互，或供你随意操作DOM，就像jQuery. 这立马变得非常复杂，试想，scopes, directives 和controllers相互作用.复杂的设置之后，你开始学习它先进的翻译 2017-02-26 22:10:45 · 437 阅读 · 0 评论 -
AngularJS—学习 ui-router - 状态嵌套和视图嵌套
状态嵌套的方法状态可以相互嵌套。有三个嵌套的方法：使用“点标记法”，例如：.state('contacts.list', {})使用parent属性，指定一个父状态的名称字符串，例如：parent: 'contacts'使用parent属性，指定一个父状态对象，例如：parent: contacts（contacts 是一个状态对象）点标记法在$st原创 2017-02-25 11:21:21 · 314 阅读 · 0 评论 -
AngularJS—Toaster使用详解
AngularJS Toaster是一个 AngularJS 提示框.基于angular v1.2.6 及以上和angular-animate. (推荐使用 /1.2.8/angular-animate.js, 因为高版本会有怪异闪烁.) 引入脚本<link href="https://cdnjs.cloudflare.com/ajax/libs/angularjs-toaster/0.4.16/原创 2017-02-23 23:47:50 · 2707 阅读 · 0 评论 -
AngularJS—ui-grid 使用讲解
在ui-grid 导出pdf 时可能会出现中文字符无法显示问题，解决方法看这篇博客：http://my.oschina.net/gmd/blog/714911html代码：<html ng-app="myApp"> <head> <meta charset="utf-8"> <title>ui-Grid Example01</title>原创 2017-02-23 23:07:46 · 1148 阅读 · 0 评论 -
AngularJS—路由插件ui.router源码解析
路由(route)，几乎所有的MVC(VM)框架都应该具有的特性，因为它是前端构建单页面应用(SPA)必不可少的组成部分。那么，对于angular而言，它自然也有内置的路由模块：叫做ngRoute。不过，大家很少用它，因为它的功能太有限，往往不能满足开发需求！！于是，一个基于ngRoute开发的第三方路由模块，叫做ui.router，受到了大家的“追捧”。转载 2017-02-23 22:25:37 · 795 阅读 · 0 评论 -
AngularJS—深入理解ANGULAR中的$APPLY()以及$DIGEST()
$apply()和$digest()在AngularJS中是两个核心概念，但是有时候它们又让人困惑。而为了了解AngularJS的工作方式，首先需要了解$apply()和$digest()是如何工作的。这篇文章旨在解释$apply()和$digest()是什么，以及在日常的编码中如何应用它们。 探索$apply()和$digest()AngularJS提供了一个非常酷的特性原创 2017-02-26 22:50:08 · 291 阅读 · 0 评论 -
AngularJS—页面传参的5种方式
Angular页面传参有多种办法，根据不同用例，我举5种最常见的（请在网页版知乎浏览答案）：1. 基于ui-router的页面跳转传参 (1) 在AngularJS的app.js中用ui-router定义路由，比如现在有两个页面，一个页面（producers.html）放置了多个producers，点击其中一个目标，页面跳转到对应的producer页，同时将producerId这个参数传过去。.s原创 2017-02-26 23:19:23 · 1677 阅读 · 0 评论 -
AngularJS—剖析AngularJS作用域
一、概要在AngularJS中，子作用域（child scope）基本上都要继承自父作用域（parent scope）。但，事无绝对，也有特例，那就是指令中scope设置项为对象时，即scope:{…}，这将会让指令创建一个并不继承自父作用域的子作用域，我们称之为隔离作用域（isolated scope）。指令中的scope一共可以有三个值，下面我们再来温习下：原创 2017-02-27 23:01:00 · 337 阅读 · 0 评论 -
AngularJS—模拟AngularJS之依赖注入
一、概述AngularJS有一经典之处就是依赖注入，对于什么是依赖注入，熟悉spring的同学应该都非常了解了，但，对于前端而言，还是比较新颖的。依赖注入，简而言之，就是解除硬编码，达到解偶的目的。下面，我们看看AngularJS中常用的实现方式。方法一：推断式注入声明，假定参数名称就是依赖的名称。因此，它会在内部调用函数对象的toString()方法，原创 2017-02-27 23:32:26 · 337 阅读 · 0 评论 -
AngularJS—AngularJS 工作原理详解
个人觉得，要很好的理解AngularJS的运行机制，才能尽可能避免掉到坑里面去。在这篇文章中，我将根据网上的资料和自己的理解对AngularJS的在启动后，每一步都做了些什么，做一个比较清楚详细的解析。首先上一小段代码（index.html），结合代码我们来看看，angular一步一步都做了些什么。<!doctype html><html ng-app><head><script src="a原创 2017-02-28 00:46:41 · 1180 阅读 · 1 评论 -
AngularJS—拦截器和好棒的例子
$http AngularJS 的 $http 服务允许我们通过发送 HTTP 请求方式与后台进行通信。在某些情况下，我们希望可以俘获所有的请求，并且在将其发送到服务端之前进行操作。还有一些情况是，我们希望俘获响应，并且在完成完成调用之前处理它。一个很好例子就是处理全局 http 异常。拦截器(Interceptors)应运而生。本文将介绍 AngularJS 的拦截器，并且给几个有用的例子。什么原创 2017-07-04 21:53:13 · 346 阅读 · 0 评论 -
AngularJS—$q
描述 既然是用来处理异步编程的，那么在浏览器端的js里，主要是2种: setTimeout 和 Ajax 请求. promise 的使用就很像Ajax请求的成功和失败回调。 此承诺/延迟(promise/deferred)实现的灵感来自于 Kris Kowal’s Q CommonJS Promise建议文档 将承诺(promise) 作为和 异步执行操作(action)结果对象进行交互翻译 2017-07-04 21:23:17 · 447 阅读 · 0 评论 -
AngularJS—学习 ui-router - 组件
参考原文：https://github.com/angular-ui/ui-router/wiki/The-Components$state / $stateProvider：管理状态定义、当前状态和状态转换。包含触发状态转换的事件和回调函数，异步解决目标状态的任何依赖项，更新$location到当前状态。由于状态包含关联的 url，通过$urlRouterProvider生成翻译 2017-06-21 18:50:54 · 262 阅读 · 0 评论 -
AngularJS—学习 ui-router - 路由控制
参考原文：https://github.com/angular-ui/ui-router/wiki/URL-Routing在你的应用中大多数状态都有与其相关联的 url，路由控制不是设计完成 state 之后的事后想法，而是开始开发时就应该考虑的问题。这里是如何设置一个基本url。12345$stateProvider .state('cont翻译 2017-06-21 18:47:54 · 518 阅读 · 0 评论 -
AngularJS—学习 ui-router - 多个命名的视图
参考原文：https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views可以给ui-view指定名称，这样一个模板中就可以有多个ui-view。假设您有一个应用，需要动态填充graph、table data和filters，像下面这样：当您需要使用多视图时，需要用到状态的views属性，views属性值翻译 2017-06-21 18:46:05 · 593 阅读 · 0 评论 -
AngularJS—学习 ui-router - 状态嵌套和视图嵌套
参考原文：https://github.com/angular-ui/ui-router/wiki/Nested-States-%26-Nested-Views状态嵌套的方法状态可以相互嵌套。有三个嵌套的方法：使用“点标记法”，例如：.state('contacts.list', {})使用parent属性，指定一个父状态的名称字符串，例如：parent: 'con翻译 2017-06-21 18:43:14 · 425 阅读 · 0 评论 -
AngularJS—学习 ui-router - 管理状态
参考原文：https://github.com/angular-ui/ui-router/wikiui-router 的工作原理非常类似于 Angular 的路由控制器，但它只关注状态。在应用程序的整个用户界面和导航中，一个状态对应于一个页面位置通过定义controller、template和view等属性，来定义指定位置的用户界面和界面行为通过嵌套的方式来解决页面中的一些重复出现翻译 2017-06-21 18:37:30 · 530 阅读 · 0 评论 -
AngularJS—AngularJs项目实践总结
今年3月接触AngularJs，并且在6月的项目中开始应用，从踩坑到填坑花了不少时间，根据项目中的实际应用情况总结了一些经验，如下：一．UI控件选择 Angularjs是不缺控件的，Github里现成的控件非常丰富，基本上足以应付一个普通管理系统中常见的控件需求。但是控件的丰富会带来选择的困难。选择控件要满足几个原则：原则1：符合业务场景原则2：控件持续更新原则3转载 2017-03-01 21:41:19 · 656 阅读 · 0 评论 -
AngularJS—关于 video 路径赋值的问题
首先，先介绍一下 angular.js 的一个小功能 ng-src ，这个是比较常见的方法，用于给图片动态添加路径。例如：<img ng-src="http://www.gravatar.com/avatar/{{hash}}" />或者<img ng-src="{{hash}}" />现在进入正题：当你把上面的方法用在视频标签上的时候，那就会产生一个坑，一个不深不浅的坑。要么报错，要么无法获取路转载 2017-08-23 11:18:07 · 2901 阅读 · 1 评论