《angularjs》专题
-
AngularJS 依赖注入
主要内容：什么是依赖注入,value,factory,provider,constant,实例,AngularJS 实例 - factory,AngularJS 实例 - provider什么是依赖注入 wiki 上的解释是：依赖注入（Dependency Injection，简称DI）是一种软件设计模式，在这种模式下，一个或更多的依赖（或服务）被注入（或者通过引用传递）到一个独立的对象（或客户端）中，然后成为了该客户端状态的一部分。 该模式分离了客户端依赖本身行为的创建，这使得程序设计变得松耦
-
AngularJS 动画主要内容：什么是动画？,ngAnimate 做了什么?,使用 CSS 动画,CSS 过渡,CSS 动画AngularJS 提供了动画效果，可以配合 CSS 使用。 AngularJS 使用动画需要引入 angular-animate.min.js 库。 还需在应用中使用模型 ngAnimate： 什么是动画？ 动画是通过改变 HTML 元素产生的动态变化效果。 实例 勾选复选框隐藏 DIV: < body ng-app= "ngAnimate" > 隐藏 DIV: < input type= "
-
AngularJS 包含
主要内容：在 HTML 中包含 HTML 文件,服务端包含,PHP 实例,客户端包含,AngularJS 包含,实例,runoob.htm 文件代码：,包含 AngularJS 代码,sites.htm 文件代码：,实例,跨域包含,sites.htm 文件代码：,angular_include.php 文件代码：在 AngularJS 中，你可以在 HTML 中包含 HTML 文件。 在 HTML 中包含 HTML 文件 在 HTML 中，目前还不支持包含 HTML 文件的功能。 服务端包含 大
-
AngularJS Bootstrap
主要内容：Bootstrap,HTML 代码,指令解析,Bootstrap 类解析,JavaScript 代码,myUsers.js,JavaScript 代码解析AngularJS 的首选样式表是 Twitter Bootstrap， Twitter Bootstrap 是目前最受欢迎的前端框架。 查看 Bootstrap教程。 Bootstrap 你可以在你的 AngularJS 应用中加入 Twitter Bootstrap，你可以在你的 <head>元素中添加如下代码: <link re
-
AngularJS API
主要内容：AngularJS 全局 API,实例,实例,实例,实例API 意为 Application Programming Interface（应用程序编程接口）。 AngularJS 全局 API AngularJS 全局 API 用于执行常见任务的 JavaScript 函数集合，如： 比较对象 迭代对象 转换对象 全局 API 函数使用 angular 对象进行访问。 以下列出了一些通用的 API 函数： API 描述 angular.lowercas
-
AngularJS 输入验证
主要内容：输入验证,应用代码,实例解析AngularJS 表单和控件可以验证输入的数据。 输入验证 在前面的几个章节中，你已经学到关于 AngularJS 表单和控件的知识。 AngularJS 表单和控件可以提供验证功能，并对用户输入的非法数据进行警告。 客户端的验证不能确保用户输入数据的安全，所以服务端的数据验证也是必须的。 应用代码 < !DOCTYPE html > < html > < script src= "http:/
-
AngularJS 模块
主要内容：创建模块,添加控制器,AngularJS 实例,添加指令,AngularJS 实例,模块和控制器包含在 JS 文件中,AngularJS 实例,myApp.js,myCtrl.js,函数会影响到全局命名空间,什么时候载入库?,AngularJS 实例模块定义了一个应用程序。 模块是应用程序中不同部分的容器。 模块是应用控制器的容器。 控制器通常属于一个模块。 创建模块 你可以通过 AngularJS 的 angular.module 函数来创建模块： < div ng-app= "my
-
AngularJS 事件
主要内容：ng-click 指令,AngularJS 实例,隐藏 HTML 元素,AngularJS 实例,显示 HTML 元素,AngularJS 实例AngularJS 有自己的 HTML 事件指令。 ng-click 指令 ng-click 指令定义了 AngularJS 点击事件。 AngularJS 实例 < div ng-app= "" ng-controller= "myCtrl" > < button ng-click= "count = count + 1" >点我！ < /b
-
AngularJS HTML DOM
主要内容：ng-disabled 指令,AngularJS 实例,ng-show 指令,AngularJS 实例,AngularJS 实例,ng-hide 指令,AngularJS 实例AngularJS 为 HTML DOM 元素的属性提供了绑定应用数据的指令。 ng-disabled 指令 ng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性。 AngularJS 实例 < div ng-app= "" ng-init= "mySwitch=true" >
-
AngularJS SQL
主要内容：使用 PHP 从 MySQL 中获取数据,AngularJS 实例,ASP.NET 中执行 SQL 获取数据,AngularJS 实例,服务端代码,跨域 HTTP 请求,1. PHP 和 MySql 代码实例,2. PHP 和 MS Access 代码实例,3. ASP.NET VB 和 MS Access 代码实例,4. ASP.NET VB Razor 和 SQL Lite 代码实例在前面章节中的代码也可以用于读取数据库中的数据。 使用 PHP 从 MySQL 中获取数据 Angu
-
AngularJS 表格
主要内容：在表格中显示数据,AngularJS 实例,Customers_JSON.php 文件代码：,使用 CSS 样式,CSS 样式,使用 orderBy 过滤器,AngularJS 实例,使用 uppercase 过滤器,AngularJS 实例,显示序号 ($index),AngularJS 实例,使用 $even 和 $odd,AngularJS 实例ng-repeat 指令可以完美的显示表格。 在表格中显示数据 使用 angular 显示表格是非常简单的： AngularJS 实例
-
AngularJS Select
主要内容：使用 ng-options 创建选择框,ng-options 与 ng-repeat,应该用哪个更好?,数据源为对象AngularJS 可以使用数组或对象创建一个下拉列表选项。 使用 ng-options 创建选择框 在 AngularJS 中我们可以使用 ng-option 指令来创建一个下拉列表，列表项通过对象和数组循环输出，如下实例: 实例 <div ng-app="myApp" ng-controller="myCtrl"> <select ng-init="selectedN
-
AngularJS Http
主要内容：读取 JSON 文件,https://www.runoob.com/try/angularjs/data/sites.php,AngularJS $http,AngularJS1.5 以上版本 - 实例,AngularJS1.5 以上版本 - 实例,AngularJS1.5 以下版本 - 实例$http 是 AngularJS 中的一个核心服务，用于读取远程服务器的数据。 使用格式： 简写方法 POST 与 GET 简写方法格式： 此外还有以下简写方法： $http.get $http
-
AngularJS Service
主要内容：什么是服务？,为什么使用服务?,$http 服务,$timeout 服务,$interval 服务,创建自定义服务,过滤器中，使用自定义服务AngularJS 中你可以创建自己的服务，或使用内建服务。 什么是服务？ 在 AngularJS 中，服务是一个函数或对象，可在你的 AngularJS 应用中使用。 AngularJS 内建了30 多个服务。 有个 $location 服务，它可以返回当前页面的 URL 地址。 实例 var app = angular.module( 'myA
-
AngularJS 过滤器
主要内容：AngularJS 过滤器,表达式中添加过滤器,AngularJS 实例,AngularJS 实例,currency 过滤器,AngularJS 实例,向指令添加过滤器,AngularJS 实例,过滤输入,AngularJS 实例,自定义过滤器,AngularJS 实例过滤器可以使用一个管道字符（|）添加到表达式和指令中。 AngularJS 过滤器 AngularJS 过滤器可用于转换数据： 过滤器 描述 currency 格式化数字为货币格式。 filter 从数组项中选择一个子集