Angular
  1. 首页
  2. Angular

AngularJS入门(8)-Angular服务

在AngularJS中，服务是一个函数或对象，可在我们的AngularJS应用中使用。AngularJS内建了30多个服务。AngularJS服务的API可以点击这里查看$http$http是AngularJS应用中最常用的服务。接下来我们使用$http读取数据：运行效果：$intervalAngularJS$interval服务对应了JSwindow.setInterval函数。这样就实现了一个时钟效果，运行效果：$locationAngularJS中的$location服务是对window.locat

Angular 2 架构概览

Angular有三种视图类：组件、指令、管道。bootstrap-标识出应用的主视图，它是所有其它视图的宿主。以及它是如何用zones来拦截异步行为并执行变更检测策略。

由angularjs 引发的spring mvc JSON传值问题

通常表单submit传的是json对象ajax传的是json对象angular传的是json字符串对于后台接收json对象不需要再参数上加@RequestBody而对于接收json字符串需要加@RequestBody，并且要引入jackjsonjar包（1）angular向后台传json字符串@RequestBody前台angular代码后台springmvc代码（2）angular向后台传递js

AngularJS入门(6)-Angular控制器

在前面的博客中，我们能看到类似着这样的代码，这就是AngularJS的控制器指令。AngularJS应用程序被控制器控制，ng-controller指令定义了应用程序控制器，控制器是JavaScript对象，由标准的JavaScript对象的构造函数创建。AngularJS应用程序由ng-app定义，应用程序在内运行。ng-controller="myCtrl"属性是一个AngularJS指令，用于定义一个控制器，AngularJS使用$scope对象来调用控制器。在AngularJS中，$scope是一

AngularJS入门(5)-Angular作用域($Scope)

Scope(作用域)是应用在HTML(视图)和JavaScript(控制器)之间的纽带。当我们在AngularJS创建控制器时，我们可以将$scope对象当作一个参数传递，当在控制器中添加$scope对象时，视图可以获取了这些属性。如果我们需要scope的作用域在整个应用内都有效，那么我们可以使用根作用域，即$rootScope，$rootScope可作用于整个应用中。是各个controller中scope的桥梁。用$rootscope定义的值，可以在各个controller中使用。

angularjs使用bootstrap在modal中使用nav并且不让modal外的数据刷新

1.今天的一点小总结今天写前端的时候碰到了要使用导航条的情况,而使用nav-bar感觉自己不好控制,而且放在modal上不好看.就使用nav来进行.modal页面如下:值得注意的两点在注释里面有.注意a标签里面的onclick,这样可以防止modal外的页面被重置了.如果需要onclick功能,那么这么写onclick=”yourfunction();returnfalse”即可.注意inactive,查了好半天才查到.不需要任何的js代码就能够实现这样点击tab的效果.效果图如下:

AngularJS入门(2)-Module的声明

module是angular中重要的模块组织方式，它提供了将一组内聚的业务组件（controller、service、filter、directive…）封装在一起的能力。这样做可以将代码按照业务领域问题分module的封装，然后利用module的依赖注入其关联的模块内容，使得我们能够更好的”分离关注点“，达到更好的”高内聚低耦合“。”

让AngularJS兼容IE8及其以下浏览器版本的方法

如果你正计划在IE8或更早的浏览器上部署Angular应用请阅读本文。项目目前支持且将尝试修复IE9以上的bug。详细内容参加TravisCI及ci.angularjs.org。我们不在IE8及之前的浏览器上运行测试。一些AngularJS的功能子集也许能够在在这些浏览器上工作，但这将由你来测试并决定它在你的特定应用上是否工作。短版本为确保Angular应用在IE上能够工作请确认：在IE7或更早的版本上polyfillJSON.stringify。版本信息IE对非标准的标签元素有很多问题。

IE 8 下 angular 动态生成的 select 的兼容指令

我们用的是angular1.2.5,以下代码也只用此版本测试过。angular渲select有很多坑，例如：官方推荐是用ng-options，但是这样渲出来的下拉菜单在某些版本的chrome上是不可用的，所以为了兼容，我们舍弃了ng-options。那么只剩下ng-repeat来渲下拉菜单，这样在ie8下也是有坑的，对于动态生成的下拉菜单，ie8总是无法渲出各个options，如图：这种情况下就需要使用指令做点兼容，如下