Learning Path
浏览 AngularJS 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
78
AngularJS 服务(Service) AngularJS 中你可以创建自己的服务，或使用内建服务。 什么是服务？ 在 AngularJS 中，服务是一个函数或对象，可在你的 AngularJS 应用中使用。 AngularJS 内建了30 多个服务。 有个 $location 服务，它可以返回当前页面的 URL 地址。 实例 var app = angular.module('myApp', ..
AngularJS SQL 在前面章节中的代码也可以用于读取数据库中的数据。 使用 PHP 从 MySQL 中获取数据 AngularJS 实例 <div ng-app='myApp' ng-controller='customersCtrl'> <table> <tr ng-repeat=..
AngularJS 表格 ng-repeat 指令可以完美的显示表格。 在表格中显示数据 使用 angular 显示表格是非常简单的： AngularJS 实例 [mycode3 type='html'] {{ x.Name }} {{ x.Country }} var app = angular.module('myApp�..
AngularJS 教程 AngularJS 通过新的属性和表达式扩展了 HTML。 AngularJS 可以构建一个单一页面应用程序（SPAs：Single Page Applications）。 AngularJS 学习起来非常简单。 现在开始学习 AngularJS！ 每个章节都有相应的实例 在每个章节中，您可以在线编辑实例，然后点击按钮查看结果。 AngularJS 实例 <!DOCTYP..
AngularJS 输入验证 AngularJS 表单和控件可以验证输入的数据。 输入验证 在前面的几个章节中，你已经学到关于 AngularJS 表单和控件的知识。 AngularJS 表单和控件可以提供验证功能，并对用户输入的非法数据进行警告。 客户端的验证不能确保用户输入数据的安全，所以服务端的数据验证也是必须的。 应用代码 <!DOCTYPE html><ht..
AngularJS ng-app 指令 AngularJS 参考手册 AngularJS 实例 让 body 元素成为 AngularJS 应用的根元素: <body ng-app=''><p>我的第一个表达式: {{ 5 + 5 }}</p></body> 尝..
AngularJS ng-bind-html 指令 AngularJS 参考手册 AngularJS 实例 绑定 <p> 内的 innerHTML 到变量 myText: [mycode3 type='html'] var app = angular.module('myApp', ['ngSanitize']); ..
AngularJS ng-bind-template 指令 AngularJS 参考手册 AngularJS 实例 <p> 元素上绑定两个表达式: <div ng-app='myApp' ng-bind-template='{{firstName}} {{lastName}}' ng-controller='..
AngularJS ng-bind 指令 AngularJS 参考手册 AngularJS 实例 绑定 <p> 内的 innerHTML 到变量 myText: <div ng-app='' ng-init='myText='Hello World!''><p ng-bind=&..
AngularJS ng-blur 指令 AngularJS 参考手册 AngularJS 实例 当输入框失去焦点(onblur)时执行表达式: <input ng-blur='count = count + 1' ng-init='count=0' /> <h1>{{count}}</h1&..
AngularJS ng-change 指令 AngularJS 参考手册 AngularJS 实例 当输入框的值改变时执行函数: <body ng-app='myApp'><div ng-controller='myCtrl'> <in..
AngularJS ng-checked 指令 AngularJS 参考手册 AngularJS 实例 选择一个或选择所有选项: <body ng-app=''><p>My:</p><input type='checkbox' ng-model='all�..
AngularJS ng-class-even 指令 AngularJS 参考手册 AngularJS 实例 为表格的偶数行设置 class='striped': <table ng-controller='myCtrl'><tr ng-repeat='x in records' ng-class-eve..
AngularJS ng-class-odd 指令 AngularJS 参考手册 AngularJS 实例 为表格的奇数行设置 class='striped': <table ng-controller='myCtrl'><tr ng-repeat='x in records' ng-class-odd=..
AngularJS ng-class 指令 AngularJS 参考手册 AngularJS 实例 修改 <div> 元素的类: <select ng-model='home'> <option value='sky'>Sk..
AngularJS ng-click 指令 AngularJS 参考手册 AngularJS 实例 按钮每次点击时，计数变量 count 自动加 1: <button ng-click='count = count + 1' ng-init='count=0'>OK</button> 尝试一下 » ..
AngularJS ng-cloak 指令 AngularJS 参考手册 AngularJS 实例 页面加载时防止应用闪烁: <div ng-app=''><p ng-cloak>{{ 5 + 5 }}</p></div> 尝试一下 » 定义和用法 ng-cloa..
AngularJS ng-controller 指令 AngularJS 参考手册 AngularJS 实例 为应用变量添加控制器: <div ng-app='myApp' ng-controller='myCtrl'>Full Name: {{firstName + ' ' + lastName}}<..
AngularJS ng-copy 指令 AngularJS 参考手册 AngularJS 实例 在输入框的文本被拷贝时执行表达式: <input ng-copy='count = count + 1' ng-init='count=0' value='Copy this text' /> 尝试一下 »..
AngularJS ng-csp 指令 AngularJS 参考手册 AngularJS 实例 修改 AngularJS 中关于 'eval' 的行为方式及内联样式： <body ng-app='' ng-csp>... 尝试一下 » 定义和用法 ng-csp 指令用于修改 AngularJS 的安全策略。 如果使用了 ng..
AngularJS ng-cut 指令 AngularJS 参考手册 AngularJS 实例 输入框的文本被剪切时执行表达式： <input ng-cut='count = count + 1' ng-init='count=0' value='剪切这个文本' /> 尝试一下 » 定义和用法 ng..
AngularJS ng-dblclick 指令 AngularJS 参考手册 AngularJS 实例 在每次鼠标双击时，变量 count 加 1: <h1 ng-dblclick='count = count + 1' ng-init='count=0'>Welcome</h1> 尝试一下 » ..
AngularJS ng-disabled 指令 AngularJS 参考手册 AngularJS 实例 禁用或启用输入框: 禁用表单输入域: <input type='checkbox' ng-model='all'><br> <input type='text' ng-..
AngularJS ng-focus 指令 AngularJS 参考手册 AngularJS 实例 当输入框获取焦点时执行表达式: <input ng-focus='count = count + 1' ng-init='count=0' /> <h1>{{count}}</h1&..