AngularJS 教程 AngularJS 教程

AngularJS 教程

AngularJS 教程 AngularJS 通过新的属性和表达式扩展了 HTML。 AngularJS 可以构建一个单一页面应用程序(SPAs:Single Page Applications)。 AngularJS 学习起来非常简单。 现在开始学习 AngularJS! 每个章节都有相应的实例 在每个章节中,您可以在线编辑实例,然后点击按钮查看结果。 AngularJS ...
阅读全文
AngularJS 简介 AngularJS 教程

AngularJS 简介

AngularJS 简介 AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。 AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。 AngularJS 是一个 JavaScript 框架 AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的...
阅读全文
AngularJS 表达式 AngularJS 教程

AngularJS 表达式

AngularJS 表达式 AngularJS 使用 表达式 把数据绑定到 HTML。 AngularJS 表达式 AngularJS 表达式写在双大括号内:{{ expression }}。 AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。 AngularJS 将在表达式书写的位置"输出"数据。 AngularJS 表达式 很像 JavaScr...
阅读全文
AngularJS 指令 AngularJS 教程

AngularJS 指令

AngularJS 指令 AngularJS 通过被称为 指令 的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。 AngularJS 指令 AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。 ng-app 指令初始化一个 AngularJS 应用程序。 ng-init 指令初始化应用程序数据。 ng...
阅读全文
AngularJS ng-model 指令 AngularJS 教程

AngularJS ng-model 指令

AngularJS ng-model 指令 ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。ng-model 指令 ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定。 AngularJS 实例 <div ng-app="myApp" ng-controller="myCtrl">...
阅读全文
AngularJS Scope(作用域) AngularJS 教程

AngularJS Scope(作用域)

AngularJS Scope(作用域) Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。 Scope 是一个对象,有可用的方法和属性。 Scope 可应用在视图和控制器上。 如何使用 Scope 当你在 AngularJS 创建控制器时,你可以将 $scope 对象当作一个参数传递: AngularJS 实例 控制器中的属性对应了视图上...
阅读全文
AngularJS 控制器 AngularJS 教程

AngularJS 控制器

AngularJS 控制器  AngularJS 控制器 控制 AngularJS 应用程序的数据。  AngularJS 控制器是常规的 JavaScript 对象。 AngularJS 控制器 AngularJS 应用程序被控制器控制。 ng-controller 指令定义了应用程序控制器。 控制器是 JavaScript 对象,由标准的 JavaScript 对象的构造函数 创建。 ...
阅读全文
AngularJS 过滤器 AngularJS 教程

AngularJS 过滤器

AngularJS 过滤器 过滤器可以使用一个管道字符(|)添加到表达式和指令中。 AngularJS 过滤器 AngularJS 过滤器可用于转换数据: 过滤器 描述 currency 格式化数字为货币格式。 filter 从数组项中选择一个子集。 lowercase 格式化字符串为小写。 orderBy 根据某个表达式排列数组。 uppercase 格式化字...
阅读全文
AngularJS 服务(Service) AngularJS 教程

AngularJS 服务(Service)

AngularJS 服务(Service) AngularJS 中你可以创建自己的服务,或使用内建服务。 什么是服务? 在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。 AngularJS 内建了30 多个服务。 有个 $location 服务,它可以返回当前页面的 URL 地址。 实例 var app = angular.module...
阅读全文
AngularJS XMLHttpRequest AngularJS 教程

AngularJS XMLHttpRequest

AngularJS XMLHttpRequest $http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。 读取 JSON 文件 以下是存储在web服务器上的 JSON 文件: http://www.runoob.com/try/angularjs/data/Customers_JSON.php { "records": [{"Name" : "Alfreds ...
阅读全文
AngularJS Select(选择框) AngularJS 教程

AngularJS Select(选择框)

AngularJS Select(选择框) AngularJS 可以使用数组或对象创建一个下拉列表选项。 使用 ng-options 创建选择框 在 AngularJS 中我们可以使用 ng-option 指令来创建一个下拉列表,列表项通过对象和数组循环输出,如下实例: 实例 <div ng-app="myApp" ng-controller="myCtrl"><...
阅读全文
AngularJS 表格 AngularJS 教程

AngularJS 表格

AngularJS 表格 ng-repeat 指令可以完美的显示表格。 在表格中显示数据 使用 angular 显示表格是非常简单的: AngularJS 实例 <div ng-app="myApp" ng-controller="customersCtrl"> <table>   <tr ng-repeat="x in names">...
阅读全文
Loading...