angularjs
关注
分享
扫一扫
文章平均质量分 62
一滴墨
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
AngularJS 简介
AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。AngularJS 是一个 JavaScript 框架AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。 AngularJS 是以一个 JavaScr原创 2016-10-24 19:31:05 · 387 阅读 · 0 评论 -
AngularJS API
AngularJS 全局 APIAngularJS 全局 API 用于执行常见任务的 JavaScript 函数集合，如： 比较对象 迭代对象 转换对象 全局 API 函数使用 angular 对象进行访问。API 描述angular.lowercase() 转换字符串为小写angular.uppercase() 转换字符串为大写angular.isString() 判断给定的对象是原创 2016-10-25 15:01:24 · 786 阅读 · 0 评论 -
AngularJS 模块
模块定义了一个应用程序。 模块是应用程序中不同部分的容器。 模块是应用控制器的容器。 控制器通常属于一个模块。创建模块你可以通过 AngularJS 的 angular.module 函数来创建模块：<div ng-app="myApp">...</div><script>var app = angular.module("myApp", []); </script>添加控制器 你可以使用原创 2016-10-25 14:51:01 · 329 阅读 · 0 评论 -
AngularJS 事件
ng-click 指令ng-click 指令定义了 AngularJS 点击事件。 AngularJS 实例<div ng-app="" ng-controller="myCtrl"><button ng-click="count = count + 1">点我！</button><p>{{ count }}</p></div>隐藏 HTML 元素 ng-hide 指令用于设置应用部分是否可见。原创 2016-10-25 14:46:07 · 393 阅读 · 0 评论 -
AngularJS HTML DOM
ng-disabled 指令ng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性。ng-disabled 指令绑定应用程序数据 “mySwitch” 到 HTML 的 disabled 属性。 ng-model 指令绑定 “mySwitch” 到 HTML input checkbox 元素的内容（value）。如果 mySwitch 为true, 按钮将不可用原创 2016-10-25 14:41:34 · 299 阅读 · 0 评论 -
AngularJS 表格
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script><style>table, th , td { border: 1px solid grey; bord原创 2016-10-25 14:36:03 · 431 阅读 · 0 评论 -
AngularJS Select(选择框)
使用 ng-options 创建选择框在 AngularJS 中我们可以使用 ng-option 指令来创建一个下拉列表，列表项通过对象和数组循环输出，如下实例: 实例<div ng-app="myApp" ng-controller="myCtrl"><select ng-model="selectedName" ng-options="x for x in names"></select><原创 2016-10-25 14:13:39 · 555 阅读 · 0 评论 -
AngularJS 服务(Service)
AngularJS 中你可以创建自己的服务，或使用内建服务。什么是服务？ 在 AngularJS 中，服务是一个函数或对象，可在你的 AngularJS 应用中使用。 AngularJS 内建了30 多个服务。 有个 $location 服务，它可以返回当前页面的 URL 地址。 实例var app = angular.module('myApp', []);app.controller(原创 2016-10-25 12:46:54 · 415 阅读 · 0 评论 -
AngularJS 过滤器
过滤器可以使用一个管道字符（|）添加到表达式和指令中。AngularJS 过滤器 AngularJS 过滤器可用于转换数据：过滤器 描述currency 格式化数字为货币格式。filter 从数组项中选择一个子集。lowercase 格式化字符串为小写。orderBy 根据某个表达式排列数组。uppercase 格式化字符串为大写。表达式中添加过滤器过滤器可以通过一个管道原创 2016-10-25 07:54:59 · 283 阅读 · 0 评论 -
AngularJS 控制器
AngularJS 控制器 控制 AngularJS 应用程序的数据。 AngularJS 控制器是常规的 JavaScript 对象。AngularJS 控制器AngularJS 应用程序被控制器控制。 ng-controller 指令定义了应用程序控制器。 控制器是 JavaScript 对象，由标准的 JavaScript 对象的构造函数 创建。 AngularJS 实例<div n原创 2016-10-25 07:48:18 · 336 阅读 · 0 评论 -
AngularJS Scope(作用域)
Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。 Scope 是一个对象，有可用的方法和属性。 Scope 可应用在视图和控制器上。如何使用 Scope 当你在 AngularJS 创建控制器时，你可以将 $scope 对象当作一个参数传递: AngularJS 实例 控制器中的属性对应了视图上的属性：<div ng-app="myApp原创 2016-10-25 07:44:21 · 496 阅读 · 0 评论 -
AngularJS ng-model 指令
ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。ng-model 指令ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定。 AngularJS 实例<div ng-app="myApp" ng-controller="myCtrl"> 名字: <input ng-model="name"></原创 2016-10-25 07:30:50 · 866 阅读 · 0 评论 -
AngularJS 指令
AngularJS 通过被称为 指令 的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。AngularJS 指令AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。 ng-app 指令初始化一个 AngularJS 应用程序。 ng-init 指令初始化应用程序数据。 ng-model 指令把元素值（比如原创 2016-10-25 07:05:54 · 323 阅读 · 0 评论 -
AngularJS 表达式
AngularJS 使用 表达式 把数据绑定到 HTML。AngularJS 表达式写在双大括号内：{{ expression }}。 AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙。 AngularJS 将在表达式书写的位置”输出”数据。AngularJS 实例<!DOCTYPE html><html><head><meta charset="原创 2016-10-24 22:54:21 · 454 阅读 · 0 评论 -
AngularJS 动画
AngularJS 提供了动画效果，可以配合 CSS 使用。 AngularJS 使用动画需要引入 angular-animate.min.js 库。<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular-animate.min.js"></script>还需在应用中使用模型 ngAnimate：<body n原创 2016-10-25 15:19:44 · 407 阅读 · 0 评论