AngularJS 教程
李晓LOVE向阳
这个作者很懒,什么都没留下…
展开
-
AngularJS 表单
AngularJS 表单AngularJS 表单是输入控件的集合。HTML 控件以下 HTML input 元素被称为 HTML 控件:input 元素select 元素button 元素textarea 元素HTML 表单HTML 表单通常与 HTML 控件同时存在。AngularJS 表单实例First原创 2016-07-22 11:41:24 · 467 阅读 · 0 评论 -
AngularJS XMLHttpRequest
AngularJS XMLHttpRequest$http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件以下是存储在web服务器上的 JSON 文件:http://www.runoob.com/try/angularjs/data/Customers_JSON.php{"records":[原创 2016-07-19 13:26:00 · 359 阅读 · 0 评论 -
AngularJS Select(选择框)
AngularJS Select(选择框)AngularJS 可以使用数组或对象创建一个下拉列表选项。使用 ng-options 创建选择框在 AngularJS 中我们可以使用 ng-option 指令来创建一个下拉列表,列表项通过对象和数组循环输出,如下实例:实例div ng-app="myApp" ng-controller="myCtrl">原创 2016-07-20 10:00:29 · 373 阅读 · 0 评论 -
AngularJs 入门系列-1 使用 AngularJs 搭建页面基本框架
每当看到前端程序员在脚本、样式、表单处理逻辑中苦苦挣扎的时候,我就在想,为什么不用Angular Js 呢?Angular Js 支持页面前端的 MVC 模式开发,在 Angular JS 的支持下,我们可以将页面前端处理的数据与页面展示进行分离,实现优雅的代码结构。首先,我们需要到 AngularJs 的官网下载这个脚本库。地址:https://angularjs.org原创 2016-07-20 10:07:26 · 3770 阅读 · 0 评论 -
AngularJS 表格
AngularJS 表格ng-repeat 指令可以完美的显示表格。在表格中显示数据使用 angular 显示表格是非常简单的:AngularJS 实例div ng-app="myApp" ng-controller="customersCtrl"> table> tr ng-repeat="x in names">原创 2016-07-20 13:19:26 · 717 阅读 · 0 评论 -
AngularJS SQL
AngularJS SQL在前面章节中的代码也可以用于读取数据库中的数据。使用 PHP 从 MySQL 中获取数据AngularJS 实例div ng-app="myApp" ng-controller="customersCtrl"> table> tr ng-repeat="x in names"> td>{{ x.N原创 2016-07-21 13:59:16 · 482 阅读 · 0 评论 -
AngularJS HTML DOM
AngularJS HTML DOMAngularJS 为 HTML DOM 元素的属性提供了绑定应用数据的指令。ng-disabled 指令ng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性。AngularJS 实例div ng-app="" ng-init="mySwitch=true">p>原创 2016-07-21 14:30:16 · 451 阅读 · 0 评论 -
AngularJS 事件
AngularJS 事件AngularJS 有自己的 HTML 事件指令。ng-click 指令ng-click 指令定义了 AngularJS 点击事件。AngularJS 实例div ng-app="" ng-controller="myCtrl">button ng-click="count = count + 1">点我!/b原创 2016-07-21 15:13:49 · 368 阅读 · 0 评论 -
AngularJS 模块
AngularJS 模块模块定义了一个应用程序。模块是应用程序中不同部分的容器。模块是应用控制器的容器。控制器通常属于一个模块。创建模块你可以通过 AngularJS 的 angular.module 函数来创建模块:div ng-app="myApp">.../div>script>var app = ang原创 2016-07-21 15:30:51 · 411 阅读 · 0 评论 -
AngularJS 服务(Service)
AngularJS 服务(Service)AngularJS 中你可以创建自己的服务,或使用内建服务。什么是服务?在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。AngularJS 内建了30 多个服务。有个 $location 服务,它可以返回当前页面的 URL 地址。实例var app =原创 2016-07-19 11:54:54 · 301 阅读 · 0 评论 -
AngularJS 过滤器
AngularJS 过滤器过滤器可以使用一个管道字符(|)添加到表达式和指令中。AngularJS 过滤器AngularJS 过滤器可用于转换数据:过滤器描述currency格式化数字为货币格式。filter从数组项中选择一个子集。lowercase格式化字符串为小写原创 2016-07-18 15:52:30 · 265 阅读 · 0 评论 -
AngularJS 控制器
AngularJS 控制器 AngularJS 控制器 控制 AngularJS 应用程序的数据。 AngularJS 控制器是常规的 JavaScript 对象。AngularJS 控制器AngularJS 应用程序被控制器控制。ng-controller 指令定义了应用程序控制器。控制器是 JavaScript 对象,由标准的 JavaS原创 2016-07-18 14:25:13 · 310 阅读 · 0 评论 -
AngularJS API
AngularJS APIAPI 意为 Application Programming Interface(应用程序编程接口)。AngularJS 全局 APIAngularJS 全局 API 用于执行常见任务的 JavaScript 函数集合,如:比较对象迭代对象转换对象全局 API 函数使用 angular 对象进行访问。以下原创 2016-07-22 14:35:31 · 331 阅读 · 0 评论 -
AngularJS Bootstrap
AngularJS BootstrapAngularJS 的首选样式表是 Twitter Bootstrap, Twitter Bootstrap 是目前最受欢迎的前端框架。查看 Bootstrap教程。Bootstrap你可以在你的 AngularJS 应用中加入 Twitter Bootstrap,你可以在你的 元素中添加如下代码:原创 2016-07-25 11:25:33 · 542 阅读 · 0 评论 -
AngularJS 教程
AngularJS 教程AngularJS 通过新的属性和表达式扩展了 HTML。AngularJS 可以构建一个单一页面应用程序(SPAs:Single Page Applications)。AngularJS 学习起来非常简单。现在开始学习 AngularJS!每个章节都有相应的实例在每个章节中,您可以在线编辑实例,然后点击按原创 2016-07-14 15:01:52 · 355 阅读 · 0 评论 -
AngularJS 简介
AngularJS 简介AngularJS 是一个 JavaScript 框架。它可通过 标签添加到 HTML 页面。AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。AngularJS 是一个 JavaScript 框架AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写原创 2016-07-14 15:33:06 · 368 阅读 · 0 评论 -
AngularJS 表达式
AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expression }}。AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。AngularJS 将在表达式书写的位置"输出"数据。AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。实例 {{ 5 + 5 }} 或 {原创 2016-07-14 15:39:54 · 584 阅读 · 0 评论 -
AngularJS 指令
AngularJS 指令AngularJS 通过被称为 指令 的新属性来扩展 HTML。AngularJS 通过内置的指令来为应用添加功能。AngularJS 允许你自定义指令。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。ng-app 指令初始化一个 AngularJS 应用程序。ng-原创 2016-07-14 16:22:09 · 465 阅读 · 0 评论 -
AngularJS ng-model 指令
AngularJS ng-model 指令ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。ng-model 指令ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定。AngularJS 实例div ng-app="myApp" ng-controller原创 2016-07-18 13:44:19 · 1162 阅读 · 0 评论 -
AngularJS Scope(作用域)
AngularJS Scope(作用域)Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。Scope 是一个对象,有可用的方法和属性。Scope 可应用在视图和控制器上。如何使用 Scope当你在 AngularJS 创建控制器时,你可以将 $scope 对象当作一个参数传递:Angula原创 2016-07-18 14:07:14 · 399 阅读 · 0 评论 -
AngularJS 包含
AngularJS 包含在 AngularJS 中,你可以在 HTML 中包含 HTML 文件。在 HTML 中包含 HTML 文件在 HTML 中,目前还不支持包含 HTML 文件的功能。服务端包含大多服务端脚本都支持包含文件功能 (SSI: Server Side Includes)。使用 SSI, 你可在 HTML 中包含 HTML原创 2016-08-01 20:54:01 · 437 阅读 · 0 评论