关于Angular： AngularJS诞生于2009年， 由Misko Hevery 等人创建， 后为Google所收购。 是一款优秀的前端JS框架， 已经被用于Google的多款产品当中。AngularJS 的核心是： MV*、 模块化、 指令系统、双向数据绑定、依赖注入,扩展了HTML的语法。MVC,short for Model-View-Controller. Model is the data and the database. View is the user interface and what the user sees. Controller is the main ...
第一次做还是先说下API 是什么鬼？API ： application program interface 应用程序编程接口：有那些常见的API：webAPI : 通过WEB方式提供结构叫 WEBAOPI ;API ： 所有有输入有输出的东西都可以称之为API --- 都是函数；例如：Math.random() --- api 例如：豆瓣API 开发平台：https://developers.douban.com/wiki/?title=guide 豆瓣API V2 (测试版)：https://developers.douban.com/wiki/?title=api_v2会看到： 这些都是豆瓣提供的...
一、概念AngularJS中，只关心数据，数据的变化会自动引起视图的变化。并且视图是局部刷新的，不是整个页面刷新的，AngularJS会自动识别哪里用到了这个更新的数据，即脏数据检查。我们可以把控制器中的数据表现在视图上，也可以更新视图来改变控制器中的数据。最简单的更新视图的方法就是表单元素，AngularJS中提出了two-way databinding双向数据绑定的技术，让视图和控制器中的数据实时双向绑定。<!DOCTYPE html> <html lang="en" ...
1. What are Directives Directives are one of the most powerful features of AngularJS. You can imagine them as building blocks ( aka re-usable components ) of any AngularJS application. Mastering all the directives, is totally out of this article’s scope. For that, I would really recommend this book; it covers everything you need to know about directives. Here, we’ll discuss one aspect of dire...
http://www.cnblogs.com/littlemonk/p/5500801.html这篇文章主要介绍了Angularjs中UI Router全攻略，涉及到angularjs ui router的基本用法，需要的朋友参考下吧首先给大家介绍angular-ui-router的基本用法。如何引用依赖angular-ui-routerangular.module(‘app‘,["ui.router"]) .config(function($stateProvider){ $stateProvider.state(stateName, stateCofig); }) $stateProvider.state(stateName, stateConfig)stateName是stri...
Safely render arbitrary HTML snippets by using ngSanitize and $sce. By default angularJS consider user‘s input html is danger, so if you want to display html tag on the page will show unsafe error.To remove this error and trust user‘s input, we can install ngSanitize:bower install angular-sanitize var egghead = angular.module("egghead", ["ngSanitize"]);egghead.controller("AppCtrl", function () {...
ng内置了九种过滤1. currency (货币处理) 使用currency可以将数字格式化为货币，默认是美元符号，你可以自己传入所需的符号，例如我传入人民币：{{num | currency : ‘￥‘}} 2. date (日期格式化) 原生的js对日期的格式化能力有限，ng提供的date过滤器基本可以满足一般的格式化要求。用法如下：{{date | date : ‘yyyy-MM-dd hh:mm:ss EEEE‘}} 参数用来指定所要的格式，y M d h m s E 分别表示 年 月 日 时 分 秒 星...
1. AngularJS 为 HTML DOM 元素的属性提供了绑定应用数据的指令。2. ng-disable指令：直接绑定应用程序数据到 HTML 的 disabled 属性。<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="js/angular-1.3.15.min.js"></script></head><body><div ng-app="" ng-init="mySwitch=false"><!--当mySwitch的值是false的时候，button不能使用,选择checkbox后就可以使用按钮了--...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title></head><body><div ng-app="myApp"><div ng-controller="secondController"></div><div ng-controller="otherController"></div></div><script type="text/javascript" src="../../vendor/angular/angularjs.js"></script><script type="text/javascript" src="app/index.js"></script></body></html>var myApp = angular.module(‘myApp‘,[],functio...
众所周知，jsonp可以解决跨域问题，下面是我在查阅资料和实际项目使用后的一些总结。Jquery中jsonp的使用//myUrl = "http://localhost:8090/api/test";$.ajax({type:"GET",url:myUrl,dataType:"jsonp",jsonp:"callback",jsonpCallback:"jsonpCallback",success:function(data){alert(data.msg);} }); function jsonpCallback(data){alert(data); }jsonp只能使用get请求，解决同源问题，返回javascript代码，因为请求javascript文件...
angular.module(‘newApp‘).factory(‘dateUtil‘, function() {var symbolMap = {‘MM‘: function(date) {if (typeof(date) === ‘string‘) {var d = new Date(date);return d.getMonth();}return date.getMonth() + 1;},‘mm‘: function(date) {if (typeof(date) === ‘string‘) {var d = new Date(date);return d.getMinutes();}return date.getMinutes();},‘YY‘: function(date) {if (typeof(date) === ‘string‘) {va...
RootScopeProvider简介RootScopeProvider是angularjs里面比较活跃的一个provider。它主要用来生成实例rootScope，它代表angularjs应用的根作用域。我们可以把它看成MVVM模式中的VM。源代码如下：function $RootScopeProvider(){var TTL = 10;var $rootScopeMinErr = minErr(‘$rootScope‘);var lastDirtyWatch = null;this.digestTtl = function(value) {if (arguments.length) {TTL = value;}return TTL;};this.$get = [‘$injec...
1.关于什么是AngularJs以及什么是bootstrap我就不多说了，简单说下，AngularJs是一个比较强大前台MVC框架，bootstrap是Twitter推出的一个用于前端开发的开源工具包，可以迅速搭建web前台，可以去官网看看（AngularJs：http://angularjs.org/ ，bootstrap：http://twitter.github.io/bootstrap/）。2.github上有一个比较好的纯净AngularJs app的种子，可以去github下载，地址：https://github.com/glitchtank/angular-seed-master。...
AngularJS SQL 使用 PHP 从 MySQL 中获取数据<div ng-app="myApp" ng-controller="customersCtrl"><table><tr ng-repeat="x in names"><td>{{ x.Name}}</td><td>{{ x.Country}}</td></tr></table></div><script>var app = angular.module(‘myApp‘,[]);app.controller(‘customersCtrl‘,function($scope, $http){ $http.get("test.php").success(function(response){$scope.names = response.records;});});</script> ASP.NET...
需要引入angular.js，angular-ui-router.min.js <ul><li><a href="#home">首页</a></li><li><a href="#aboutUs">关于我们</a></li><li><a href="#contactUs">联系我们</a></li></ul><div ui-view></div>var app = angular.module("instruction", [‘ui.router‘])app.config(["$urlRouterProvider", "$stateProvider", function ($urlRouterProvider, $stateProvider) {$urlRouterProvider.otherwise("/home");$stateProvider.s...