angularJS
关注
分享
扫一扫
jojo999888
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
26-api
<!-- API 描述angular.lowercase() 转换字符串为小写angular.uppercase() 转换字符串为大写angular.isString() 判断给定的对象是否为字符串，如果是返回 true。angular.isNumber() 判断给定的对象是否为数字，如果是返回 true。--><!DOCTYPE html><html l原创 2017-07-31 14:32:41 · 245 阅读 · 0 评论 -
10-指令ng-model-$scope
<!--可以定义多个controller--><!DOCTYPE html><html lang="en" ng-app='myApp'> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body> <div ng-co原创 2017-07-24 18:38:40 · 378 阅读 · 0 评论 -
11-controller
<!-- 在大型的应用程序中，通常是把控制器存储在外部文件中。只需要把 <script> 标签中的代码复制到名为 xxx.js 的外部文件中即可：--><!DOCTYPE html><html lang="en" ng-app="myapp"> <head> <meta charset="utf-8"> <script src="js/angular原创 2017-07-26 10:57:27 · 290 阅读 · 0 评论 -
12-filter
<!-- 过滤器的使用--><!DOCTYPE html><html lang="en" ng-app="myapp"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body> <div ng-controller=原创 2017-07-26 11:02:05 · 273 阅读 · 0 评论 -
13-service简介
AngularJS 中你可以创建自己的服务，或使用内建服务。在 AngularJS 中，服务是一个函数或对象，可在你的 AngularJS 应用中使用。AngularJS 内建了30 多个服务$location 服务，它可以返回当前页面的 URL 地址。实例var app = angular.module('myApp', []);app.controller('customersCtr原创 2017-07-26 11:05:42 · 299 阅读 · 0 评论 -
14-service之$location
<!-- 列出文件所在路径--><!DOCTYPE html><html lang="en" ng-app="myapp"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body> <div ng-controlle原创 2017-07-26 13:12:07 · 189 阅读 · 0 评论 -
15-service之$http
<!DOCTYPE html><html lang="en" ng-app="myapp"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body> <div ng-controller="myctrl">原创 2017-07-26 13:12:46 · 224 阅读 · 0 评论 -
16-service之$timeout
<!--定时器 --><!DOCTYPE html><html lang="en" ng-app="myapp"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body ng-controller="myctrl">原创 2017-07-26 13:13:33 · 396 阅读 · 0 评论 -
17-service之$interval
<!--$timeout 可用于设置单次或多次延时服务;$interval 可用于设置始终运行的延时服务。 --><!DOCTYPE html><html lang="en" ng-app="myapp"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script>原创 2017-07-27 11:15:45 · 477 阅读 · 0 评论 -
18-service之自定义服务
<!DOCTYPE html><html lang="en" ng-app="myapp"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body ng-controller="myctrl"> <div>原创 2017-07-27 11:16:46 · 330 阅读 · 0 评论 -
19-service之在过滤器中使用服务
<!DOCTYPE html><html lang="en" ng-app="myapp"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body> <div> 在过滤器中使用服务:原创 2017-07-27 11:17:50 · 424 阅读 · 0 评论 -
20-service之$watch
<!-- $watch：持续监听数据上的变化，更新界面 --><!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body> <div ng-app="myAp原创 2017-07-27 11:19:09 · 294 阅读 · 0 评论 -
21-service之select下拉菜单
<!-- $watch：持续监听数据上的变化，更新界面 --><!DOCTYPE html><html lang="en" ng-app="myApp" ng-controller="myCtrl"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head原创 2017-07-27 11:20:26 · 491 阅读 · 0 评论 -
22-service之show hide disable
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script></head><body><div ng-app="" ng-init="mySwitch=false"><p><button n原创 2017-07-27 11:22:50 · 251 阅读 · 0 评论 -
23-事件
<!-- ng-click 指令ng-click 指令定义了 AngularJS 点击事件。 --><!DOCTYPE html><html ng-app="myApp"><head> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></s原创 2017-07-27 11:23:28 · 271 阅读 · 0 评论 -
24-表单
<!--实例解析ng-app 指令定义了 AngularJS 应用。ng-controller 指令定义了应用控制器。ng-model 指令绑定了两个 input 元素到模型的 user 对象。formCtrl 函数设置了 master 对象的初始值，并定义了 reset() 方法。reset() 方法设置了 user 对象等于 master 对象。ng-click 指令调用了 reset() 方法原创 2017-07-28 13:30:32 · 313 阅读 · 0 评论 -
09-指令ng-model-CSS类
<!--ng-model 指令基于它们的状态为 HTML 元素提供了 CSS 类：ng-model 指令根据表单域的状态添加/移除以下类： ng-empty ng-not-empty ng-touched ng-untouched ng-valid ng-invalid ng-dirty ng-pending ng-pristin原创 2017-07-24 18:36:22 · 658 阅读 · 0 评论 -
08-指令ng-model应用状态
<!--ng-model 指令可以为应用数据提供状态值(invalid, dirty, touched, error):--><!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head>原创 2017-07-24 18:35:25 · 414 阅读 · 0 评论 -
07-指令ng-model验证用户输入
<!-- 以上实例中，提示信息会在 ng-show 属性返回 true 的情况下显示。只要邮件不合法就会显示不合法的提示！--><!DOCTYPE html><html lang="en" ng-app> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </原创 2017-07-24 18:33:54 · 262 阅读 · 0 评论 -
27-bootstrap
<!-- AngularJS 指令 描述<html ng-app 为 <html> 元素定义一个应用(未命名)<body ng-controller 为 <body> 元素定义一个控制器<tr ng-repeat 循环 users 对象数组，每个 user 对象放在 <tr> 元素中。<button ng-click 当点击 <button> 元素时调用函数原创 2017-07-31 14:33:19 · 319 阅读 · 0 评论 -
02-指令-ng-init
<!--ng-init指令 用于声明模型数据(变量)可以在整个ng-app内使用可以初始化数组、对象 、字符串、数值但是我并不推荐使用这种方式来声明变量--><!DOCTYPE html><html lang="en" ng-app=""><head> <meta charset="UTF-8"> <title>Document</title> <script sr原创 2017-07-24 10:37:58 · 479 阅读 · 0 评论 -
01-指令ng-app
<!--首先引入angularJs使用ng-app来限定angular的作用范围最后是使用{{}}表达式来做一些计算啊判断啊之类的操作--><!DOCTYPE html><html lang="en" ><head> <meta charset="UTF-8"> <title>Document</title> <script src="js/angular.js原创 2017-07-24 10:30:01 · 359 阅读 · 0 评论 -
05-指令ng-repeat
<!DOCTYPE html><html lang="en" ng-app=""> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body> <div ng-init="name=['hello','dog','cat'原创 2017-07-24 11:17:41 · 392 阅读 · 0 评论 -
04-指令ng-model
<!-- ng-model是用于表单元素的，支持双向绑定。对普通元素无效；--><!DOCTYPE html><html lang="en" ng-app=""> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body>原创 2017-07-24 11:29:11 · 253 阅读 · 0 评论 -
03-指令ng-bind
<!--ng-bind 指令告诉 AngularJS 使用给定的变量或表达式的值来替换 HTML 元素的内容。如果给定的变量或表达式修改了，指定替换的 HTML 元素也会修改。请注意：**ng-model 指令把元素值（比如输入域的值）绑定到应用程序。ng-bind 指令把应用程序的值绑定到元素。------------------------------------------------原创 2017-07-24 11:05:15 · 423 阅读 · 0 评论 -
28-包含
<!-- 使用ng-include可以包含纯html 以及angularjs代码runoob.htm 文件代码：<h1>菜鸟教程</h1><p>这是一个被包含的 HTML 页面，使用 ng-include 指令来实现！</p>sites.htm文件--><!DOCTYPE html><html><meta charset="utf-8"><script src="js/angula原创 2017-08-01 18:37:05 · 220 阅读 · 0 评论 -
29-动画
<!-- AngularJS 提供了动画效果，可以配合 CSS 使用。AngularJS 使用动画需要引入 angular-animate.min.js 库。--><!DOCTYPE html><html><meta charset="utf-8"><script src="js/angular.js"></script><script src="js/angular-animate.原创 2017-08-01 18:37:44 · 175 阅读 · 0 评论 -
30-依赖注入
<!-- AngularJS 提供很好的依赖注入机制。以下5个核心组件用来作为依赖注入： value factory service provider constant--><html> <head> <meta charset="utf-8"> <title>AngularJS原创 2017-08-01 18:38:13 · 223 阅读 · 0 评论 -
31-依赖注入-2
<html> <head> <meta charset="utf-8"> <title>AngularJS 依赖注入</title> </head> <body> <h2>AngularJS 简单应用</h2> <div ng-app = "mainApp" ng-controller = "CalcController">原创 2017-08-01 18:38:51 · 220 阅读 · 0 评论 -
32-路由
<!-- AngularJS 路由允许我们通过不同的 URL 访问不同的内容。通过 AngularJS 可以实现多视图的单页Web应用（single page web application，SPA）。通常我们的URL形式为 http://runoob.com/first/page，但在单页Web应用中 AngularJS 通过 # + 标记 实现，例如：http://runoob.com/#/fi原创 2017-08-01 18:39:13 · 243 阅读 · 0 评论 -
33-路由设置对象
<!-- 路由设置对象AngularJS 路由也可以通过不同的模板来实现。$routeProvider.when 函数的第一个参数是 URL 或者 URL 正则规则，第二个参数为路由配置对象。路由配置对象语法规则如下：$routeProvider.when(url, { template: string, templateUrl: string, controller:原创 2017-08-01 18:39:43 · 366 阅读 · 0 评论 -
35-备忘录
<!DOCTYPE html><html><script src= "http://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script><body ng-app="myApp" ng-controller="todoCtrl"><h2>我的备忘录</h2><form ng-submit="todoAdd()"> <inpu原创 2017-08-01 18:44:05 · 302 阅读 · 0 评论 -
34-笔记应用
现在是时候创建一个真正的 AngularJS 单页 Web 应用（single page web application，SPA）了。<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script><原创 2017-08-01 18:42:28 · 285 阅读 · 0 评论 -
06-指令ng-model双向绑定
<!-- 双向绑定，在修改输入域的值时， AngularJS 属性的值也将修改--><!DOCTYPE html><html lang="en" ng-app="Double"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> <script type=原创 2017-07-24 12:20:41 · 303 阅读 · 0 评论 -
25-输入验证
<!DOCTYPE html><html lang="en" ng-app="myApp"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body> <form name="myForm" ng-controller=原创 2017-07-28 13:31:00 · 219 阅读 · 0 评论