AngularJS 实例
-
自己尝试一下
您可以在线编辑示例,然后单击按钮以查看结果。
尝试一下<div ng-app=""> <p>在输入框中输入内容:</p> <p>Name : <input type="text" ng-model="name" placeholder="请输入你的名字"></p> <h1>Hello {{name}}</h1> </div>
-
实例描述
AngularJS 基础
方法描述 我的第一个 AngularJS 指令尝试一下 我的第一个 AngularJS 指令(使用有效的HTML5)尝试一下 我的第一个 AngularJS 表达式 尝试一下 使用变量的简单 AngularJS 表达式尝试一下 我的第一个 AngularJS 控制器尝试一下 更多 AngularJS 基础实例教程 >>>>>>
AngularJS 表达式
方法描述 一个简单的表达式尝试一下 不带 ng-app 的表达式尝试一下 用数字表达 尝试一下 将 ng-bind 与数字一起使用尝试一下 用字符串表达尝试一下 将 ng-bind 与字符串一起使用尝试一下 用对象表达尝试一下 将 ng-bind 与对象一起使用尝试一下 用数组表达尝试一下 将 ng-bind 与数组一起使用尝试一下 更多 AngularJS 表达式实例教程 >>>>>>
AngularJS 模块
方法描述 AngularJS 控制器尝试一下 文件中的模块和控制器 尝试一下 使用模块向您的应用程序添加自己的指令尝试一下 更多 AngularJS 模块实例教程 >>>>>>
AngularJS 指令
方法描述 AngularJS 指令尝试一下 ng-model 指令 尝试一下 ng-repeat 指令(带有数组)尝试一下 ng-repeat 指令(带有对象)尝试一下 在构造函数中创建的新的指令尝试一下 使用新指令作为元素尝试一下 使用新指令作为属性尝试一下 使用新指令作为类名尝试一下 使用新指令作为注释尝试一下 有限制的指令尝试一下 更多 AngularJS 指令实例教程 >>>>>>
AngularJS 模型
方法描述 我的第一个 AngularJS 模型尝试一下 具有双向绑定的模型尝试一下 带有验证的模型尝试一下 表格及其当前验证状态尝试一下 字段无效时设置 CSS 类尝试一下 更多 AngularJS 模型实例教程 >>>>>>
AngularJS 控制器
方法描述 AngularJS 控制器尝试一下 控制器属性和函数尝试一下 外部文件中的控制器1尝试一下 外部文件中的控制器2尝试一下 更多 AngularJS 控制器实例教程 >>>>>>
AngularJS Scopes(作用域)
方法描述 AngularJS Scopes 作用域尝试一下 Scopes 作用域是同步尝试一下 Scope 作用范围尝试一下 根作用域尝试一下 更多 AngularJS Scopes(作用域)实例教程 >>>>>>
AngularJS 过滤器
方法描述 uppercase 过滤器将字符串格式转换为大写尝试一下 lowercase 过滤器将字符串格式转换为小写尝试一下 orderBy 过滤器对数组进行排序尝试一下 currency 过滤器将数字格式化为货币尝试一下 根据用户输入对数组排序尝试一下 更多 AngularJS 过滤器实例教程 >>>>>>
AngularJS 服务
方法描述 $http 服务尝试一下 更多 AngularJS 服务实例教程 >>>>>>
AngularJS 表格
方法描述 在表格在显示数据尝试一下 用 CSS 样式显示尝试一下 用过滤器排序表数据尝试一下 用 $index 在表显示索引值尝试一下 使用 $even 和 $odd 奇偶数尝试一下 更多 AngularJS 表格实例教程 >>>>>>
AngularJS SQL
方法描述 从 MySQL 的PHP服务器中获取数据尝试一下 更多 AngularJS SQL 实例教程 >>>>>>
AngularJS DOM
方法描述 ng-disabled 指令尝试一下 ng-show 指令尝试一下 ng-show,基于条件尝试一下 ng-hide 指令尝试一下 更多 AngularJS DOM 实例教程 >>>>>>
AngularJS 事件
方法描述 ng-click 指令尝试一下 Toggle, True/False 切换开关尝试一下 $event 对象尝试一下 更多 AngularJS 事件实例教程 >>>>>>
AngularJS 表单
方法描述 AngularJS 表单尝试一下 AngularJS 表单验证尝试一下 更多 AngularJS 表单实例教程 >>>>>>
AngularJS API
方法描述 angular.lowercase() 方法将字符串转换为小写尝试一下 angular.uppercase() 方法将字符串转换为大写尝试一下 angular.isString() 方法如果引用是字符串,则返回true尝试一下 angular.isNumber()方法如果引用是数字,则返回true尝试一下 更多 AngularJS API 实例教程 >>>>>>
AngularJS Bootstrap
方法描述 使用 AngularJS 指令和 Bootstrap 类尝试一下 更多 AngularJS Bootstrap 实例教程 >>>>>>
AngularJS 包含
方法描述 AngularJS 包含 HTML尝试一下 ng-include 指令中的 HTML 文件也可以包含 AngularJS 代码尝试一下 在应用程序的 config 函数中添加合法文件和/或域的白名单尝试一下 更多 AngularJS 包含实例教程 >>>>>>
AngularJS 动画
方法描述 AngularJS 创建动画尝试一下 在应用程序模块中添加 ngAnimate 作为依赖项尝试一下 CSS 过渡尝试一下 CSS 动画尝试一下 更多 AngularJS 动画实例教程 >>>>>>
AngularJS 应用
方法描述 AngularJS ToDoList 购物清单应用程序尝试一下 更多 AngularJS 应用实例教程 >>>>>>