目录

AngularJS 实例

实例

您可以在线编辑实例,然后点击按钮查看结果。

AngularJS 实例

<div ng-app="">
  <p>名字 : <input type="text" ng-model="name"></p>
  <h1>Hello {{name}}</h1>
</div>
尝试一下 »


AngularJS 基础

我的第一个 AngularJS 表达式我的第一个 AngularJS 指令我的第一个 AngularJS 指令(带有有效的 HTML5)AngularJS 控制器

基础的 AngularJS 讲解


AngularJS 表达式

简单的表达式 不使用 ng-app 的表达式 带有数字的表达式使用带有数字的 ng-bind带有字符串的表达式使用带有字符串的 ng-bind带有对象的表达式使用带有对象的 ng-bind带有数组的表达式使用带有数组的 ng-bind

表达式讲解


AngularJS 指令

AngularJS 指令ng-model 指令ng-repeat 指令(带有数组)ng-repeat 指令(带有对象)

指令讲解


AngularJS 控制器

AngularJS 控制器控制器属性控制器函数JavaScript 文件中的控制器 IJavaScript 文件中的控制器 II

控制器讲解


AngularJS 过滤器

表达式过滤器 uppercase表达式过滤器 lowercase货币过滤器表达式指令过滤器 orderBy输入过滤器

过滤器讲解


AngularJS XMLHttpRequest

读取静态 JSON 文件

XMLHttpRequest 解析


AngularJS 表格

显示一个表格 (简单)带有 CSS 样式的表格表格排序使用 uppercase 过滤器的表格使用序号的表格使用 even 和 odd 表格


AngularJS - 从数据库中读取数据

从 MySQL 数据库中读取数据从 SQL Server 数据库中读取数据

AngularJS SQL 解析


AngularJS HTML DOM

ng-disabled 指令ng-show 指令ng-hide 指令

HTML DOM 解析


AngularJS 事件

ng-click 指令ng-hide 指令ng-show 指令

HTML 事件解析


AngularJS 模块

在 body 中的 AngularJS 模块在文件中 AngularJS 模块

AngularJS 模块解析


AngularJS 表单

AngularJS 表单AngularJS 验证

AngularJS 表单解析


AngularJS API

AngularJS angular.lowercase()AngularJS angular.uppercase()AngularJS angular.isString()AngularJS angular.isNumber()

API 解析


AngularJS Bootstrap

AngularJS 使用 BootstrapAngularJS 使用 Bootstrap 并使用包含文件功能

Bootstrap 解析


AngularJS 应用

AngularJS 笔记应用AngularJS 备忘录应用

AngularJS 应用

原文链接:https://rumenz.com/angularjs/angularjs_examples.html
↑回到顶部↑
入门小站 @2018