AngularJS Select(选择框)AngularJS 可以使用数组或对象创建一个下拉列表选项。使用 ng-options 创建选择框在 AngularJS 中我们可以使用 ng-option 指令来创建一个下拉列表，列表项通过对象和数组循环输出，如下实例:实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body><div ng-app="myApp" ng-controller="myCtrl"><...
AngularJS 表格ng-repeat 指令可以完美的显示表格。在表格中显示数据使用 angular 显示表格是非常简单的：AngularJS 实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body><div ng-app="myApp" ng-controller="customersCtrl"> <table><tr ng-repeat="x in names"><td>{{ x.Name }}</td><td>{{ x.Country }}</td></tr> ...
AngularJS SQL在前面章节中的代码也可以用于读取数据库中的数据。使用 PHP 从 MySQL 中获取数据AngularJS 实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> <style> table, th , td {border: 1px solid grey;border-collapse: collapse;padding: 5px; } table tr:nth-child(odd) {background-color: #f1f1f1; } table tr:nth-chil...
AngularJS HTML DOMAngularJS 为 HTML DOM 元素的属性提供了绑定应用数据的指令。ng-disabled 指令ng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性。AngularJS 实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body><div ng-app="" ng-init="mySwitch=true"> <p> <button ng-disabled="mySwitch">点我!<...
AngularJS 输入验证AngularJS 表单和控件可以验证输入的数据。输入验证在前面的几个章节中，你已经学到关于 AngularJS 表单和控件的知识。AngularJS 表单和控件可以提供验证功能，并对用户输入的非法数据进行警告。注意： 客户端的验证不能确保用户输入数据的安全，所以服务端的数据验证也是必须的。应用代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/ang...
AngularJS 事件AngularJS 有自己的 HTML 事件指令。ng-click 指令ng-click 指令定义了 AngularJS 点击事件。AngularJS 实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body><div ng-app="myApp" ng-controller="myCtrl"><button ng-click="count = count + 1">点我！</button><p>{{ count }}</p></div> <script> var a...
AngularJS 模块模块定义了一个应用程序。模块是应用程序中不同部分的容器。模块是应用控制器的容器。控制器通常属于一个模块。创建模块你可以通过 AngularJS 的 angular.module 函数来创建模块： <div ng-app="myApp">...</div><script>var app = angular.module("myApp", []); </script>"myApp" 参数对应执行应用的 HTML 元素。现在你可以在 AngularJS 应用中添加控制器，指令，过滤器等。添加控制器你可以使用 ng-controller 指令...
AngularJS 依赖注入什么是依赖注入wiki 上的解释是：依赖注入（Dependency Injection，简称DI）是一种软件设计模式，在这种模式下，一个或更多的依赖（或服务）被注入（或者通过引用传递）到一个独立的对象（或客户端）中，然后成为了该客户端状态的一部分。 该模式分离了客户端依赖本身行为的创建，这使得程序设计变得松耦合，并遵循了依赖反转和单一职责原则。与服务定位器模式形成直接对比的是，它允许客户端了解客户端如何使用...
AngularJS 路由本章节我们将为大家介绍 AngularJS 路由。AngularJS 路由允许我们通过不同的 URL 访问不同的内容。通过 AngularJS 可以实现多视图的单页Web应用（single page web application，SPA）。通常我们的URL形式为 http://runoob.com/first/page，但在单页Web应用中 AngularJS 通过 # + 标记 实现，例如：http://runoob.com/#/first http://runoob.com/#/second http://runoob.com/#/third当我们点击以上的任意一个链接时，...
前言 由于 Angular 是单页应用，会在一开始，就把大部分的资源加载到浏览器中，所以就更需要注意验证的时机，并保证只有通过了验证的用户才能看到对应的界面。 本篇文章中的身份验证，指的是如何确定用户是否已经登陆，并确保在每次与服务器的通信中，都能够满足服务器的验证需求。注意，并不包括对具体是否具有某一个权限的判断。 对于登陆，主要是接受用户的用户名密码输入，提交到服务器进行验证，处理验证响应，在浏览器端构建...
在学习AngularJS的过程中感觉到，通过一次性从服务端的数据库获取信息，在前端进行分页，这是一种比较可取的方式。因为它节省了前后端的通信负载，把更多的显示方面的任务交给前端处理。 此内容分为两个部分，第一部分给大家简单介绍一下AngularJS的内建服务$location及其功能；第二部分通过一个比较完整的综合实例来实现分页显示数据库信息的效果。 在做angularJS的Mutilpe View & Route 的工作时，感觉到应该更加深入的了解一下a...
常用的表单验证指令 1. 必填项验证 某个表单输入是否已填写，只要在输入字段元素上添加HTML5标记required即可：代码如下:<input type="text" required /> 2. 最小长度 验证表单输入的文本长度是否大于某个最小值，在输入字段上使用指令ng-minleng= "{number}"：代码如下:<input type="text" ng-minlength="5" /> 3. 最大长度 验证表单输入的文本长度是否小于或等于某个最大值，在输入字段上使用指令ng-maxlength="{number}"：代码...
给大家介绍下什么是 AngularJS? AngularJS是一个为动态WEB应用设计的结构框架。它能让你使用HTML作为模板语言，通过扩展HTML的语法，让你能更清楚、简洁地构建你的应用组件。它的创新点在于，利用数据绑定和依赖注入，它使你不用再写大量的代码了。这些全都是通过浏览器端的Javascript实现，这也使得它能够完美地和任何服务器端技术结合。 AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计...
首先我们做点准备说明，不然你明白我说的是啥意思别人不明白，就算别人明白了那总有人不明白，那你要说了，我的意思是这个说明必须要做了，答案是必须的，为了更好的方便大家理解嘛。 我们以两个主域名或者一个主域名+一个二级域名为例，均可演示跨域问题。 客户端 a.com服务端 b.com或者s.a.comangularJs版本 V1.2.25 准备工作做得很充分嘛，就差把我们的编辑器是subline暴露出来了，这个一般人我是不告诉他滴。 有人嚷嚷了，这问...
最近在看AngularJS权威指南，由于各种各样的原因（主要是因为我没有money，好讨厌的有木有......），于是我选择了网上下载电子版的（因为它不要钱，哈哈...），字体也蛮清晰的，总体效果还不错。但是，当我看到左上角的总页码的时候，479页....479....479....俺的小心脏被击穿了二分之一有木有啊，上半身都石化了有木有啊，那种特别想学但是看到页码又不想学的纠结的心情比和女朋友吵架了还复杂有木有啊，我平常看的电子书百位数都...