AngularJs之六(服务)
服务:AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。AngularJS 内建了30 多个服务。最常用的服务:$location 服务, $http 服务, $timeout 服务,$interval 服务,创建自定义服务一:$location服务。$lo...
Ⅶ.AngularJS的点点滴滴-- 事件
事件(和js一样有冒泡和捕获)<html><script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.2/angular.js"></script><div ng-controller="p...
Ⅵ.AngularJS的点点滴滴-- 指令
指令基本用法<html><script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.2/angular.js"></script><div ng-controller="detail">...
[AngularJS] AngularJS系列(4) 中级篇之指令
目录API概览使用Angular.UI.Bootstrap自定义指令scopelink我的指令angular中的指令可谓是最复杂的一块但是我们的上传组件就能这么写效果图:API概览先上一段伪代码:angular.module('moduleName', []).directive( '...
集DDD,TDD,SOLID,MVVM,DI,EF,Angularjs等于一身的.NET(C#)开源可扩展电商系统–Virto Commerce
今天一大早来看到园友分享的福利《分享一个前后端分离方案源码-前端angularjs+requirejs+dhtmlx 后端asp.net webapi》,我也来分享一个吧。以下内容由笔者写于昨天晚上[2015.10.08]。《集DDD,TDD,SOLID,MVVM,DI,EF,Angularjs等于...
AngularJS笔记---路由视图
最近有同事提到过关于ng-view的使用, 其实自己也不懂了,由于最近一直在做AngularJs的Rearch,所以就看了一些关于ng-view的国外博客. 做过ASP.NET MVC4的都知道, 我们会有一个对应的controller和views,还有一个routerconfig. 其实在Ang...
angularjs自定义指令Directive
今天学习angularjs自定义指令Directive。Directive是一个非常棒的功能。可以实现我们自义的的功能方法。下面的例子是演示用户在文本框输入的帐号是否为管理员的帐号"Admin"。在网页上放一个文本框和一个铵钮:<form id="form1" name="form1" ng-...
2.1:你的第一个AngularJS App
本章,带你体验一个简单的开发流程,将一个静态的使用模拟数据的应用,变成具有AngularJS特性的动态web应用。在6-8章,作者将展示如何创建一个更复杂,更真实的AngularJS应用。1、准备项目在项目路径下,新建todo.html,代码如下:<!DOCTYPE html><h...
AngularJS快速入门指南06:过滤器
thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table.reference>thead>tr>td, table.reference&g...
源代码目录结构--AngularJS学习笔记(一)
最近开始接触AngularJS,确实是一个相当不错的东西,可以把很多东西简化掉。又对于其中的双向绑定等的实现很好奇,加之正在学习Javascript的东西,所以觉得从源代码这块开始深入学习AngularJs。获取AngularJs源代码虽然可以直接通过阅读最终的js文件来学习,不过总觉得这样入手不太...
Node.js 使用angularjs取得Nodejs http服务端返回的JSON数组示例
server.js代码:// 内置http模块,提供了http服务器和客户端功能(path模块也是内置模块,而mime是附加模块)var http=require("http");// 创建服务器,创建HTTP服务器要调用http.createServer()函数,它只有一个参数,是个回调函数,服务...
图解AngularJS Wijmo5和LightSwitch
Visual Studio 2013 中的 LightSwitch 有新增功能,包括更好的团队开发支持以及在构建 HTML 客户端桌面和 Office 365 应用程序方面的改进。本文结合最新发布的Wijmo 5提供的AngularJs进行图解。基于Visual Studio LightSwitch...
A Step-by-Step Guide to Your First AngularJS App
What is AngularJS?AngularJS is a JavaScript MVC framework developed by Google that lets you build well structured, easily testable, and maintainable f...
通过AngularJS实现前端与后台的数据对接(二)——服务(service,$http)篇
什么是服务?服务提供了一种能在应用的整个生命周期内保持数据的方法,它能够在控制器之间进行通信,并且能保证数据的一致性。 服务是一个单例对象,在每个应用中只会被实例化一次(被$injector实例化),并且是延迟加载的(需要时才会被创建)。服务提供了把与特定功能相关联的方法集中在一起的接口。(此解释来...
三、angularjs上传图片
上传图片需要引入插件ngFileUpload,使用bower安装方法: bower install ng-file-upload --save,安装后需要在命名app的名字js文件中注入,如下所示:(function() { angular.module('app', [ 'io...
OnsenUI和AngularJS配合搭建混合应用的基本步骤
混合开发的热潮已经掀起,实现混合开发的方式很多。今天给大家介绍一个实现混合开发的基本方法—OnsenUI和AngularJS配合。OnsenUI是一个可以实现混合开发的前端框架,包含了很多前端设计中需要的各种组件及网页路由等。详情参考OnsenUI官方网站:https://onsen.io/。Ang...
angularjs字符串插值($interpolate)
<!DOCTYPE html><html lang="zh-CN" ng-app="app"><head> <meta charset="utf-8"> <title>字符串插值</title> <lin...
AngularJs之九(ending......)
今天继续angularJs,但也是最后一篇关于它的了,基础部分差不多也就这些,后续有机会再写它的提升部分。今天要写的也是一个基础的选择列表:一:使用ng-options,数组进行循环。 <div ng-app="uapp" ng-controller="uctrl"> <s...
UIBootatrap:是由AngularJS UI团队编写的纯AngularJS实现的Bootstrap组件
本文为翻译文档。原文是https://angular-ui.github.io/bootstrap/(需要翻墙)。准备工作:依赖关系:这个库中包含一组基于Bootstrap组件和CSS的原生AngularJS指令。致使UIBootstrap是不依赖jQuery和Bootstrap的js文件的。这仅仅...
结构-行为-样式-Angularjs-ngSanitize
简单点,上代码:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>ngSanitize</title><script src="../jquery.1.9.1....