-
angularjs源码笔记(3)--injector
所属栏目:[安全] 日期:2020-12-17 热度:165
简介 injector是用来做参数自动注入的,例如 function fn ($http,$scope,aService) {} ng在运行时会把$http,aService 自动作为参数传入进行执行。 其实很容易想明白,injector做了两件事 缓存那些service,以后作为参数注入 分析参数列表,找到需要的参数注[详细]
-
angularjs源码笔记(4)--scope
所属栏目:[安全] 日期:2020-12-17 热度:181
简介 在ng的生态中scope处于一个核心的地位,ng对外宣称的双向绑定的底层其实就是scope实现的,本章主要对scope的watch机制、继承性以及事件的实现作下分析。 监听 1. $watch 1.1 使用 // $watch: function(watchExp,listener,objectEquality)var unwatch =[详细]
-
ionic结合angularjs实现跳转到上个页面的功能
所属栏目:[安全] 日期:2020-12-17 热度:149
虽然ionic已经出来很长一段时间了,但网上的资料依然很少,最近项目中有个很简单的功能要实现,就是返回上个页面,看了一些例子,但都不理想,最简单的一个方法是通过$ionicHistory.goBack();的方法来返回上一页,但用下来发现会有问题,常常挑错页面,于是[详细]
-
Angular中使用$watch监听object属性值的变化
所属栏目:[安全] 日期:2020-12-17 热度:63
Angular中的$watch可以监听属性值的变化,然后并做出相应处理。 常见用法: $scope . $watch ( "person" , function (n,o) { //todo something... }) 但是对于一个对象中的某个属性值变化时,$watch似乎不管用了。 示例代码: body div ng-controller = "mai[详细]
-
访谈 | 专访《AngularJS 2权威教程》作者Nate Murray:相比文档
所属栏目:[安全] 日期:2020-12-17 热度:110
-
如何提升单页应用的体验
所属栏目:[安全] 日期:2020-12-17 热度:114
想起公司里的domeos项目,angularjs单页应用。 其实还有很多问题,可以优化。 1.轮询 vs websocket数据推送 举个例子: 假设,项目中有一个用户A,他对项目有读写权限。 这会儿,当A用户正在修改项目的一些配置时(只有写权限的人才能修改项目配置),master[详细]
-
[AngularJS面面观] 21. 依赖注入 --- constant到底如何而来
所属栏目:[安全] 日期:2020-12-17 热度:92
在上一篇文章中,我们终于见到了angular中依赖注入的总体结构图。从这幅图中我们可以知道在angular内部是有两个注入器协同工作来实现我们习以为常的依赖注入特性的。 结合上图简单回顾一下angular依赖注入的组成和工作流程。 首先,在台面上的注入器名为实例[详细]
-
ES5 写 Angular 2 (另一种写法)
所属栏目:[安全] 日期:2020-12-17 热度:179
JSFiddle: https://jsfiddle.net/kLssnrmf/3/ 反正和这样子不完全相同: http://blog.thoughtram.io/ang... 纯属吐槽,请勿当真。[详细]
-
Angular Js 2.0整理
所属栏目:[安全] 日期:2020-12-17 热度:161
1.简介: http://cnodejs.org/topic/55af2bc4911fb957520eacef 2.IonIC+Angularjs 2.0: http://www.angularjs.wang/ 3.官网 https://angular.io/docs/js/latest/tutorial/[详细]
-
AngularJS之有序列表
所属栏目:[安全] 日期:2020-12-17 热度:123
1、问题背景 AngularJS中有有序列表,也有无序列表;现在利用AngularJS制作有序列表 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"titleAngularJS之有序列表/titlescript type="text/javascript" src="../js/angular.min.js" /scriptscriptvar app[详细]
-
AngularJS之无序列表
所属栏目:[安全] 日期:2020-12-17 热度:92
1、问题背景 AngularJS利用自带的指令,设计出无序列表 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"titleAngularJS之无序列表/titlescript type="text/javascript" src="../js/angular.min.js" /scriptscriptvar app = angular.module("ulApp",[[详细]
-
AngularJS之下拉框(方式一)
所属栏目:[安全] 日期:2020-12-17 热度:123
1、问题背景 一般情况下,select下都会有option,但是AngularJS中有指令ng-options,就可以实现select下拉框 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"titleAngularJS之下拉框(方式一)/titlescript type="text/javascript" src="../js/angul[详细]
-
AngularJS之下拉框(方式二)
所属栏目:[安全] 日期:2020-12-17 热度:58
1、问题背景 select下拉框里option组装成下拉框,这里利用ng-repeat指令来创建 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"titleAngularJS之下拉框(方式二)/titlescript type="text/javascript" src="../js/angular.min.js" /scriptscriptvar[详细]
-
[AngularJS面面观] 22. 依赖注入 --- 配置队列以及运行队列
所属栏目:[安全] 日期:2020-12-17 热度:67
在上一篇文章中,介绍了 constant 的生命周期:它是如何被定义的,如何被创建,如何被使用的。本文继续介绍 module 上更多高层API的实现细节。在继续阅读下面的内容之前,还是建议对依赖注入本身要有足够的理解,当然如果你是跟着依赖注入的这一系列文章一路[详细]
-
Angular中$broadcast和$emit的使用方法
所属栏目:[安全] 日期:2020-12-17 热度:74
要在控制器之间传递变量变化需要使用angular中的 $broadcast 和 $emit 方法来传递,同时使用 $on 来接收事件并作出响应。 broadcast译为广播,即上级传递下级。 示例代码: script src = "../angular.js" / script script angular.module( "app" ,[]) .contr[详细]
-
angular 完整实例
所属栏目:[安全] 日期:2020-12-17 热度:149
https://hungryturtlecode.com/code-projects/1-build-angular-quiz-app-scratch/[详细]
-
AngularJS 的小demo——表头排序+表格搜索(过滤器)
所属栏目:[安全] 日期:2020-12-17 热度:59
使用AngularJS简单实现表头排序和表格搜索的功能,效果如下: 点击表头中的一项,可以根据该列属性对数据进行排序: 程序如下: !DOCTYPE htmlhtml lang="en" ng-app="a3_4"headmeta charset="UTF-8"titleAngularJS 过滤器-表头排序+表格搜索/titlestylebody[详细]
-
【AngularJs】factory实现简单的网页公共头部
所属栏目:[安全] 日期:2020-12-17 热度:127
本实例使用factory配合路由实现最简单的公共页头。 html代码: div ng-controller = "commonHeadCtrl" div class = "title_wrap" div class = "title_l inline-block" / div h1 {{ title }} / h1 div class = "title_r block" a href = "" + / a / div / div[详细]
-
angular.js和ionic框架搭建一个webApp
所属栏目:[安全] 日期:2020-12-17 热度:53
angular.js和ionic框架搭建一个webApp 注:本文适合对angular.js有基础的同学 这是本系列文章的开篇,本系列文章均是转载,目的是方便自己查阅,并且以后方便改动 AngularJS简介:AngularJS是一个为动态WEB应用设计的结构框架,提供给大家一种新的开发应用方[详细]
-
Angular.js教程。
所属栏目:[安全] 日期:2020-12-17 热度:127
-
Angular $location 获取 url 参数
所属栏目:[安全] 日期:2020-12-17 热度:141
今天写了一个demo,想用angular来获取url参数,网址的格式是这样的: "xxxxx.html?aa=112313" 结果是search出来的结果是空的。 在网上搜了一阵之后,解法是这样的: 需要这样组装url: "xxxxx.html#?aa=112313" 在问号前面加#.这好像是angular的一个bug。 附[详细]
-
AngularJs,$http()中Post提交方式
所属栏目:[安全] 日期:2020-12-17 热度:146
$http({ method : 'POST', cache: false, url : baseUrl + '/hcpms/madagascar/updateJobAndTaskStatus.do', data : { jobList:$scope.checkJobCode, taskList:$scope.checkTaskCode }, headers:{ "Content-Type":"application/json" } }).success(function[详细]
-
【图书】迈向Angular2:基于TypeScript的高性能SPA框架
所属栏目:[安全] 日期:2020-12-17 热度:183
-
在AngularJS中以相同的请求处理上传文件和JSON格式数据
所属栏目:[安全] 日期:2020-12-17 热度:127
原文出处:http://shazwazza.com/post/uploading-files-and-json-data-in-the-same-request-with-angular-js/ 我决定写一遍快速介绍这方面的文章,因为很多关于这方面的文档或例子都太片面了。通过这篇文章,我们将学会实现用同样的请求处理来上传任意数量的[详细]
-
一元购宝倒计时之angularJs-$interval
所属栏目:[安全] 日期:2020-12-17 热度:135
setInterval更新的数据不能够及时的在页面做更新显示,但angular自带的$interval可以做到,用法和setInterval完全一样,这里只做了秒倒计时,没有做分钟倒计时,另外timer对象为全局变量,在点击按钮和切换路由的时候需要控制清楚timer,因为angular单页面web[详细]