-
AngularJS—— 独立作用域
所属栏目:[安全] 日期:2020-12-17 热度:162
独立作用域的作用 为了便于理解,先看一下下面这个例子: !doctype htmlhtml ng-app="myApp" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"/script[详细]
-
AngularJS的过滤与排序
所属栏目:[安全] 日期:2020-12-17 热度:65
程序设计分析 首先,如果要是先查询过滤,就要使用到AngularJS中的过滤器filter了。 直接在表达式的后面使用管道命令符 | ,按照下面的写法就可以达到一个过滤的效果: {{ persons | filter:query }} 通过使用 filter 实现过滤操作,query是查询过滤时输入的[详细]
-
AngularJS —— 自定义指令
所属栏目:[安全] 日期:2020-12-17 热度:83
如何自定义指令: Angular是基于模块的框架,因此上来肯定要创建一个自己的模块: var myAppModule = angular.module("myApp",[]); 然后在此模块基础上创建指令directive myAppModule.directive("xingoo",function(){ return{ restrict:'AECM',template:'div[详细]
-
AngularJS—— 指令的复用
所属栏目:[安全] 日期:2020-12-17 热度:118
首先看一下一个小例子,通过自定义指令,捕获鼠标事件,并触发控制器中的方法。 单个控制器的标签指令 依然是先创建一个模块 var myAppModule = angular.module("myApp",[]); 在模块的基础上,创建控制器和指令 myAppModule.controller("myAppCtrl",["$scope[详细]
-
AngularJS—— 指令的交互
所属栏目:[安全] 日期:2020-12-17 热度:185
背景介绍 这例子是视频中的例子,有一个动感超人,有三种能力,力量strength,速度speed,发光light。 这三种能力作为三种属性,定义动感超人作为一个标签,只要添加对应的属性就能拥有该能力。 为了便于结果的展示,为标签添加鼠标的响应事件,当鼠标移动到[详细]
-
AngularJS $injector(依赖注入)
所属栏目:[安全] 日期:2020-12-17 热度:76
在AngularJS中也有依赖注入的概念,像spring中的依赖注入,但是又有所不同。Spring中使用构造注入或者设值注入的方式,还需要做一些额外的操作,但是angular中只需要在需要的地方声明一下即可,类似模块的引用,因此十分方便。 参考:[angular api doc] (htt[详细]
-
AngularJs——双向数据绑定示例
所属栏目:[安全] 日期:2020-12-17 热度:51
我们在页面中加入一个表单: span style="font-size:10px;"!DOCTYPE html html ng-app="userInfoModule" head meta name="content-type" content="text/html; charset=UTF-8" script src="angular-1.5.0/angular.min.js"/script script src="js/Forms.js"/sc[详细]
-
前端丨浅显的介绍一下Angular2的“八大件”
所属栏目:[安全] 日期:2020-12-17 热度:182
-
Angularjs系列之MVC设计模式
所属栏目:[安全] 日期:2020-12-17 热度:137
MVC概念 转载时请遵重他人的劳动成果,不要删除作者原文链接。转载请注明来源:http://blog.csdn.net/caoshiying。 谢谢合作。 通过把职责、性质相近的成分归结在一起,不相近的进行隔离,MVC将系统分解为模型、视图、控制器三部分,每一部分都相对独立,职[详细]
-
AngularJs双向数据绑定原理
所属栏目:[安全] 日期:2020-12-17 热度:106
Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 AngularJS很小,只有60K,兼容主流浏览器,与 jQuery 配合良好。双向数据绑定可能是AngularJS最酷最实[详细]
-
Angularjs遍历HashMap
所属栏目:[安全] 日期:2020-12-17 热度:173
angularjs支持通过repeat方法遍历Hashmap: $scope.map = {key:"value"};h1 ng-repeat="(key,value) in map"{{key}} - {{value}}/h1[详细]
-
调试Angular代码的Batarang插件不能用的问题
所属栏目:[安全] 日期:2020-12-17 热度:112
最近一直在学习AngularJS开发编程,在别人的文章里看到有用Chrome上的Batarang插件对AngularJS进行调试,从这个地址下载了官方的插件,安装之后发现竟然不起作用,调试信息根本显示不出来,好崩溃。 好在,在微博上搜了一下,发现别人也有这个问题,并给了另[详细]
-
AngularJS 2.0 学习记录(一)
所属栏目:[安全] 日期:2020-12-17 热度:196
开始认真学习ng2了,之前看了一下typescript,没有太大感触,还是直接练手学习得快。 650) this.width=650;" src="http://img.jb51.cc/vcimg/static/loading.png" style="float:none;" title="WechatIMG1.jpg" alt="wKioL1hNfWWhqP-sAAzXpmPkuWE383.jpg-wh_5[详细]
-
Angular2笔记(1)——初步认识
所属栏目:[安全] 日期:2020-12-17 热度:184
Angular2笔记(1)——初步认识 笔者原来是一个纯后端屌丝程序员,在学校的时候,看见 html/js 就头疼,最不愿意看见的就是css。工作后,发现项目组没有前端工程师,谁的模块谁从头到尾自己负责,前端开发的任务自然就落在了我们这些后端工程师身上。前端写得多了,[详细]
-
AngularJS $http post 传递参数数据
所属栏目:[安全] 日期:2020-12-17 热度:179
在cordova开发的时候使用到了$http的post方法,传递的参数服务端怎么都接收不到,搜索了下,发现使用AngularJS通过POST传递参数还是需要设置一些东西才可以! 1、不能直接使用params 例如: $http({ method: "POST",url: "http://192.168.2.2:8080/setId",pa[详细]
-
angularJs中filter的用法及api解释
所属栏目:[安全] 日期:2020-12-17 热度:193
angularJs 饱受广大开发者欢迎,除了其依赖注入,双向绑定的思想,directive指令,filter过滤器也极大的提高了开发效率,代码更加优雅,维护起来也更加方便。比如,上传,打印,排序,流程等只需一个指令,并绑定相应的变量即可实现,根本不需要后台同事编写[详细]
-
AngularJS 2 组件交流方式
所属栏目:[安全] 日期:2020-12-17 热度:68
以下的测试例子都可以在 github 找到,但是最近好像不太稳定。 其实 ng2 在这方面做得挺好的,用起来也很简单,所以看完基本就可以动手写一写。强大并不止是这一方面,在写这些的过程中,通过一些配置,让开发很纯粹,有时间再录一个新手入门的开发教程。 (1[详细]
-
AngularJS ocLazyLoad按需加载控制器/js文件的延迟加载(一)
所属栏目:[安全] 日期:2020-12-17 热度:62
一、ocLazyLoad说明 1.ocLazyLoad是AngularJS的第三方库,可以实现模块、控制器及其他依赖的动态加载/按需加载 2.$ocLazyLoad.load()支持多个文件,可以自定义指定文件类型,可以自定义指定是否缓存在客户端 3.存在问题,$ocLazyLoad.load(),返回动态类型$$[详细]
-
AngularJS 动态加载控制器实例-ocLoazLazy(二)
所属栏目:[安全] 日期:2020-12-17 热度:116
一、AngularJS动态加载控制器和视图实例 1.引用: script src="../Scripts/jquery-1.10.2.min.js"/scriptscript src="../Scripts/Angular/angular.min.js"/scriptscript src="../Scripts/Angular/ocLazyLoad.min.js"/scriptscript src="../Scripts/Angular/a[详细]
-
AngularJS动画(一)
所属栏目:[安全] 日期:2020-12-17 热度:164
一、AngularJS动画 1.AngularJS提供了动画效果,可以配合Css使用。 2.AngularJS使用动画需要引入 angular-animate.ming.js库 3.需要在模块创建时引入'ngAnimate'模块 var app = angular.module('myApp',['ngAnimate']); 4.AngularJS在加载成功后也会向当前页[详细]
-
AngularJS : this与$scope数通的暴露与通讯
所属栏目:[安全] 日期:2020-12-17 热度:120
controlleras ” 是Angular在1.2版本后新增的 语 法, 我将从引用方式,作用范围,对象对比三个方面做两者的比较: 引用方式: 1) $scope只需要在注入中声明,后面就可以直接在附加数据对象: controller: function ACtrl($scope) { $scope.test = "一个例子[详细]
-
在上海GDG与Angular团队面对面
所属栏目:[安全] 日期:2020-12-17 热度:107
-
angularjs ng-repeat
所属栏目:[安全] 日期:2020-12-17 热度:146
要循环的数据 一定义和用法 二语法和参数值 1语法 2参数值 1expression为数组循环x in records 2expression为对象循环key value in myObj 3其他参数值 三ng-repeat和ng-repeat-startng-repeat-end 四特殊变量 五官网实例 六注意 参考文章 demo 要循环的数据[详细]
-
Angular2 之 路由与导航
所属栏目:[安全] 日期:2020-12-17 热度:150
导航是很简单的,只是不同页面之间的切换,路由是实现导航的一种。 一个url对应的一个页面,在angular2中是一个组件。定义一个规则。 设计的时候,先去 基础知识 大多数带路由的应用都要在 index.html 的标签下先添加一个元素,来告诉路由器该如何合成导航用[详细]
-
Angular2 之 结构型指令
所属栏目:[安全] 日期:2020-12-17 热度:142
Angular 有一个强力的模板引擎,它能让你轻松维护元素的DOM树结构。 Angular指令可分为三种 组件 属性型指令 结构型指令 组件 组件其实就是一个带模板的指令。是这三种指令中最常用的,我们会编写大量的组件来构建application。 属性型指令 属性型指令会修改[详细]