博客首页 → AngularJS

最新文章列表

AngularJS_2

1.AngularJS的工作流程: (1)浏览器载入HTML，然后把它解析成DOM (2)浏览器载入angularjs脚本 (3)AngularJS等到DOMContentLoaded事件触发 (4)AngularJS寻找ng-app指令，这个指令指示了应用的边界 (5)使用ng-app中指定的模块来配置注入器（$injector） (6)注入器（$injector）是用来创建“编译服务（compi ...
angularjs 
forever1121 评论(0) 有382人浏览 2014-09-01 09:05

AngularJS使用Socket.IO

        目前，web应用普遍被要求是实时web应用，即服务端的数据更新之后，应用能立即更新。以前使用的技术（例如polling）存在一些局限性，而且有时我们需要在客户端打开一个socket，然后进行通信。         Socket.IO(http://socket.io/)是一个非常优秀的库，它可以帮你实现以上功能。它使用了非常简单的、基于事件的API，让你可以开发实时web应用。 ...
JavaScriptAngularJSSocket.IO 
bijian1013 评论(0) 有2902人浏览 2014-08-30 19:39

AngularJS与服务端协作及登录

        $http服务是AngularJS中的核心服务之一，我们可以扩展它，从而实现web应用中的各种常用需求，包括：         1.带有一个通用的错误处理点         2.处理授权和登录重定向         3.与那些无法理解或者返回JSON的服务端交互         4.通过JSONP与外部服务（指同一来源之外的）交互         所以，在这个例子中，我 ...
JavaScriptangularJS$httpProvider 
bijian1013 评论(0) 有3139人浏览 2014-08-30 19:37

AngularJS实现分页功能

        对于大多数web应用来说显示项目列表是一种很常见的任务。通常情况下，我们的数据会比较多，无法很好地显示在单个页面中。在这种情况下，我们需要把数据以页的方式来展示，同时带有转到上一页和下一页的功能。既然在整个应用中这是一种很常见的需求，那么把这一功能抽象成一个通用的、可复用的分页（Paginator）服务是很有意义的。         Paginator服务（一个很简单的实现）应 ...
JavaScriptangularJS分页 
bijian1013 评论(1) 有14650人浏览 2014-08-30 19:29

AngularJS封装jQuery-File-Upload

        在实际开发中，我们经常需要文件上传功能。一个很棒的例子是BlueImpd的File Upload控件（https://github.com/blueimp/jQuery-File-Upload），它使用了jQuery和jQuery UI（或者Bootstrap）。它们的API都非常简单，这也使指令变得非常简单。 directive.js angular.module('myA ...
JavaScriptangularJSFile Upload 
bijian1013 评论(2) 有4702人浏览 2014-08-30 16:40

AngularJS Team List应用：过滤器和控制器的交互

        在这个例子中，我们将会通过实例展示如下两个主要的方面： 1.如何以一种优雅、简洁的方式把过滤器和迭代器联合起来使用？ 2.如何使没有继承关系的控制器进行交互         应用本身很简单，其中的数据是关于各种体育运动的团队列表，例如篮球、足球（是美式足球，不是英式足球）和曲棍球。对于每一个团队，都有队名、城市、运行名称，以及该团队是否是推荐团队这几个字段。       ...
JavaScriptangularJScontrollerfilter 
bijian1013 评论(0) 有1622人浏览 2014-08-30 00:41

AngularJS封装jQuery DateTimepicker

DateTimePickerDirective.js angular.module('myApp.directives',[]) .directive('datetimepicker', function() { return { //强制AngularJS把指令限定为只支持属性 restrict: 'A', //总是和ng-model配合使用 requ ...
JavaScriptAngularJSjQueryDateTimepicker 
bijian1013 评论(0) 有5415人浏览 2014-08-29 01:13

AngularJS封装jQuery Datepicker

        在开始编码之前，我们必须想好组件的外观和运行方式。例如，我们想在HTML中像下面这样定义datepicker： <input datepicker ng-model="currentDate" select="updateMyText(date)"></input>         也就是说，我们需要修改Inpu ...
javaScriptjQueryAngularJSDatepicker 
bijian1013 评论(0) 有5104人浏览 2014-08-29 00:25

AngularJS_1

木有学习RESTful，实际上是看了2个小时之后发现什么都没看懂，突然意识到可能不是一个层次上的，所以就暂时把它搁浅了，转战AngularJS。 <!doctype html> <html  ng-app> <head>   <meta charset="UTF-8">   <title>Hello AngularJ ...
AngularJS 
forever1121 评论(0) 有469人浏览 2014-08-28 19:42

one page application开发原则

     1 因为是单页面application，页面无刷新，意味着页面中所有的变量都不会变化，因此当变量变化后若下步执行其它预料外的动作：比如，点击修改，弹出修改框后。又点击其它的便签，则该变量因为值不变，修改框会持续显示。全部用angularjs控制即可，当跳转控制器后会销毁，后重新生成控制器       2 非angularjs的控制慎用，否则会各种未预期的错误，因为脱离了控制器的管理。 ...
angularjs 
vvsuperman 评论(0) 有733人浏览 2014-08-28 14:43

HTML无害化和Sanitize模块

一.ng-bind-html、ng-bind-html-unsafe         AngularJS非常注重安全方面的问题，它会尽一切可能把大多数攻击手段最小化。其中一个攻击手段是向你的web页面里注入不安全的HTML，然后利用它触发跨站攻击或者注入攻击。         考虑这样一个例子，假设我们有一个变量存在于myUnsafeHTMLContent作用域中。当HTML的内容如下时，O ...
JavaScriptAngularJSSanitizeLinky 
bijian1013 评论(0) 有6720人浏览 2014-08-26 07:03

AngularJS中的$apply，用还是不用？

        在AngularJS开发中，何时应该调用$scope.$apply()，何时不应该调用。下面我们透彻地解释这个问题。         但是首先，让我们把$apply转换成一 ...
JavaScriptAngularJS$apply 
bijian1013 评论(0) 有1954人浏览 2014-08-26 07:03

AngularJS中的Promise

一.Promise         Promise是一个接口，它用来处理的对象具有这样的特点：在未来某一时刻（主要是异步调用）会从服务端返回或者被填充属性。其核 ...
JavaScriptAngularJSPromise 
bijian1013 评论(1) 有5121人浏览 2014-08-25 21:36

AngularJS校验用户输入

        Angular自动为<form>元素增加了一些很好用的特性，使其更适合开发单页面应用。其中一个特性是，Angular允许你为表单中的输入元素定义一个合法的状态，并且只有当所有元素是合法状态时才允许提交表单。         例如，创建一个新用户注册表单，要求必须输入用户名和邮件地址，但是年龄字段是可选的，在这些字段被提交到服务器之前我们可以校验这几个输入项。    ...
javaScriptAngularJSform 
bijian1013 评论(0) 有2253人浏览 2014-08-25 21:35

酷酷的前端MVC框架AngularJS(二)HelloWorld

angularJS在github上面进行一个代码的托管 地址：https://github.com/angular/angularjs.org   注意：需要兼容IE8的同学请下载1.3之前的版本，在1.3之后已经放弃了I ...
AngularJSNGjavascript 
247687009 评论(0) 有1490人浏览 2014-08-25 00:29

AngularJS中使用指令修改DOM

        指令扩展了HTML语法，同时它也是使用自定义的元素和属性把行为和DOM转换关联到一起的方式。通过这些指令，你可以创建可复用的UI组件，配 ...
JavaScriptAngularJSdirective 
bijian1013 评论(0) 有2340人浏览 2014-08-24 00:18

AngularJS中与服务器交互

        真正的应用需要和真实的服务器进行交互，无论你是想把数据持久化到云端，还是需要与其他用户进行实时交互，都需要让应用与服务器时进行交互。         为了实现这一点，Angular提供了一个叫做$http的服务。它提供了一个可扩展的抽象方法列表，使得与服务器的交互更加容易。它支持HTTP、JSONP和CORS方式。它还包含了安全性支持，避免JSON格式的脆弱性和XSRF（跨站请 ...
JavaScriptAngularJS$http 
bijian1013 评论(0) 有2234人浏览 2014-08-24 00:18

AngularJS中使用路由和$location切换视图

        虽然从技术上来说Ajax应用确实是单页面应用（即在第一个请求时加载一个HTML页面，后面只刷新DOM中的局部区域），但是很多时候，出于各种 ...
JavaScriptAngularJSroutelocation 
bijian1013 评论(0) 有2082人浏览 2014-08-24 00:17

AngularJS中使用过滤器格式化数据

        在Angular中，可以用过滤器来声明应该如何变换数据格式，然后再显示给用户，你只要在模板中使用一个插值变量即可。使用过滤器的语法是： {{ expression | filterName : parameter1 : ...parameterN }}         这里的表达式可以是任意的Angular表达式，fileName是你需要使用的过滤器名称，过滤器的多个参数之间 ...
JavaScriptAngularJS过滤器 
bijian1013 评论(0) 有2002人浏览 2014-08-24 00:17

AngularJS操控CSS类和样式

        通过AngularJS可以在应用中动态地设置CSS类和样式，只要使用{{}}插值语法把它们进行数据绑定即可。甚至还可以在模板中构造CSS类名和部分匹配方式。         实例如下： ControllerCSS.html <html ng-app='myApp'> <head> <title>CSS实例</title> ...
JavaScriptangularJSCSS样式 
bijian1013 评论(0) 有12314人浏览 2014-08-23 15:22

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics