![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
AngularJS
bboyjoe
勇气与智慧并行,才能越过人生的一座座高山。
展开
-
AngularJS的路由、模块、依赖注入
AngularJS的路由在实际应用中更多是由另外封装好的angular-ui-router.js实现的!为什么不用Ajax而要用前端路由?示例: var routerApp = angular.module('routerApp', ['ui.router']);rout原创 2016-02-29 18:10:39 · 3092 阅读 · 0 评论 -
AngularJS的MVC
Angular.js中实现MVC的方式:原创 2015-08-31 23:12:21 · 990 阅读 · 0 评论 -
AngularJS简介
AngularJS简介 ,Angular //定义模块 var myModule=angular.module('MyModule',[]); //双向数据绑定、MVC my原创 2016-02-29 16:12:03 · 579 阅读 · 0 评论 -
AngularJs的基础——常用指令
一.常用指令:1)ng-app:定义应用程序的根元素;2)ng-model:绑定应用程序数据到html元素;3)ng-bind:绑定html元素到应用程序数据; Angular基础 在输入框中尝试输入: 姓名: {{name}} 显示效果:原创 2015-12-29 14:46:41 · 657 阅读 · 0 评论 -
AngularJs的基础——$http请求数据
$http请求数据主要会有以下三种方式1.get请求2.post请求3.jsonp Angular基础 姓: 名: 姓名: var myApp=angular.module('myApp',[]); myApp.controller('personCtrl',fu原创 2015-12-29 16:46:03 · 11367 阅读 · 0 评论 -
AngularJs基础——过滤器
AngularJs的过滤器用于转化数据:1)uppercase——格式化字符串为大写;2)lowercase——格式化字符串为小写;3)currency——格式化数字为货币格式;4)orderBy——根据某个表达式排列数组;5)filter——从数组项中选择一个子集 Angular基础 将字符串转换为大小写:原创 2015-12-29 17:32:09 · 518 阅读 · 0 评论 -
AngularJS基础——MVC、$scope的作用域、依赖注入的代码压缩以及run方法
技术要点:1)$scope代表指定控制器内的数据模型;2)$rootScope代表全局作用域的数据模型;3)控制器可以实现继承;4)依赖注入时可以实现代码压缩;5)run方法初始化全局的数据,只对全局作用域起作用,如$rootScope Angular基础 {{name}} {{age}}原创 2015-12-29 18:56:07 · 1093 阅读 · 0 评论 -
AngularJS基础——$scope里的$apply方法和$watch方法
$apply()的作用是传播Model的变化;下面用一个定时刷新来示例: Angular基础 {{name}} {{age}} var myApp=angular.module('myApp',[]); myApp.controller('firstCtrl',function($scope,$timeo原创 2015-12-30 12:10:56 · 2952 阅读 · 0 评论 -
AngularJS基础——事件指令及input相关指令
AngularJS的事件指令:ng-click / ng-dbclickng-mousedown / ng-mouseupng-mouseenter / ng-mouseleaveng-mousemove / ng-mouseover / ng-mouseoutng-keydown / ng-keyup /ng-keypressng-focus / ng-blurng-submit原创 2015-12-31 14:44:20 · 7318 阅读 · 0 评论 -
AngularJS基础——样式指令、DOM操作指令及其它重要指令
AngularJS的样式指令:ng-classng-styleng-hrefng-srcng-attr-(suffix)AngularJS的DOM操作指令:ng-ifng-show / ng-hideng-switchng-open Angular基础 .red{ color:#01C5原创 2015-12-31 17:57:18 · 3930 阅读 · 0 评论 -
AngularJs基础——过滤器filter及自定义过滤器filter
1.AngularJS的filter过滤器:uppercase|lowercase:大小写转换过滤json:json格式过滤date:日期格式过滤number:数字格式过滤currency:货币格式过滤filter:查找limitTo:字符串对象截取orderBy:对象排序 Angular基础 将字符串转换为大小写:原创 2016-01-04 14:50:26 · 29111 阅读 · 0 评论 -
AngularJs基础——自定义服务的三种方法以及provider供应商
AngularJs提供了三种方法可以自定义服务,分别是provider、factory、service.请注意三者之间的区别。有三种方式可以自定义服务:第一种方式,在module中以回调函数的形式作为参数引入: Angular基础 {{name}} var myApp=angular.module('myA原创 2016-01-04 18:34:53 · 2880 阅读 · 0 评论 -
AngularJs基础——常用服务
$http服务:get/post/jsonp;$location服务解析地址栏中的URL(基于window.location),让你在应用代码中能获取到。改变地址栏中的URL会反应在$location服务中,反之亦然。$location服务:1)暴露当前地址栏的URL,这样你就能获取并监听URL、改变URL;2)当出现以下情况时同步URL:改变地址栏、点击了后退按钮(或原创 2016-01-06 10:28:33 · 1725 阅读 · 0 评论 -
用AngularJS监察表单按钮的禁用效果
这里主要是用到了$watch监察数据的变化,并用正则判断数据是否符合要求。关键HTML代码:原创 2016-03-22 17:47:02 · 7891 阅读 · 0 评论 -
AngularJS基础——工具方法
angularJS的工具方法主要有以下这些:angular.bindangular.bootstrapangular.copyangular.elementangular.equalsangular.extendangular.forEachangular.fromJsonangular.isArrayangular.isDateangular.isDe原创 2015-12-30 16:45:26 · 1062 阅读 · 0 评论 -
AngularJS的service与provider
一.$http服务 示例:通过$http服务,请求服务器端数据。 {{user.name}} var myModule=angular.module("MyModule",[]);myModule.controller('LoadDataCtrl', ['$scope','$http', function($scope,$http原创 2016-03-02 11:39:42 · 662 阅读 · 0 评论 -
AngularJS内置指令示例——表单验证
示例1: var appModule = angular.module('TestFormModule', []);appModule.controller("TestFormModule",function($scope){ $scope.user={ userName:'Jason', passw原创 2016-03-01 16:28:50 · 3271 阅读 · 0 评论 -
AngularJS自定义指令
一.restrict属性:示例: var myModule = angular.module("MyModule", []);myModule.directive("hello", function() { return { restrict: 'AEMC', template:原创 2016-03-01 11:28:44 · 10711 阅读 · 0 评论 -
AngularJS的双向数据绑定
在Angular网页应用中,数据绑定是数据模型(model)与视图(view)组件的自动同步。Angular的实现方式允许你把应用中的模型看成单一数据源。而视图始终是数据模型的一种展现形式。当模型改变时,视图就能反映这种改变,反之亦然。Angular模板的工作方式与大多数只能单向数据绑定的模板差别体现在:其一,模板(指未经编译的附加了标记和指令的HTML)是在浏览器中编译的。其原创 2015-09-04 23:57:28 · 1297 阅读 · 0 评论