AngularJS中ng-class常用写法,三元表达式、评估表达式与对象写法
摘要:前言:ng-class在angularjs样式开发中使用频率是特别高的,所以我用ng-class的三元运算符的写法来定义一个样式 ng-class 1.ng-class使用变量 即ng-class的值是一个变量,当我们改变变量值时,得到的class名也会对应改变;例如下面的例子中文本样式的class
阅读全文
posted @
2020-11-30 15:21
JamelAr
阅读(577)
推荐(0) 编辑
AngularJS学习之旅—AngularJS 表单(十六)
摘要:一、AngularJS 表单 AngularJS 表单是输入控件的集合。 HTML 控件 以下 HTML input 元素被称为 HTML 控件: input 元素 select 元素 button 元素 textarea 元素 1、数据绑定 通过以上代码应用有了一个名为 firstname 的属性
阅读全文
posted @
2019-02-11 17:29
JamelAr
阅读(184)
推荐(0) 编辑
AngularJS 参考手册
摘要:AngularJS 参考手册 AngularJS 指令 本教程用到的 AngularJS 指令 : AngularJS 事件 AngularJS 支持以下事件: ng-click ng-dbl-click ng-mousedown ng-mouseenter ng-mouseleave ng-mou
阅读全文
posted @
2019-02-11 17:29
JamelAr
阅读(168)
推荐(0) 编辑
AngularJS学习之旅—AngularJS 模块(十五)
摘要:一、AngularJS 模块 模块定义了一个应用程序。 模块是应用程序中不同部分的容器。 模块是应用控制器的容器。 控制器通常属于一个模块。 1、创建模块 通过 AngularJS 的 angular.module 函数来创建模块 2、添加控制器 使用 ng-controller 指令来添加应用的控
阅读全文
posted @
2019-02-11 16:48
JamelAr
阅读(124)
推荐(0) 编辑
AngularJS学习之旅—AngularJS 事件(十四)
摘要:1、AngularJS 事件 ng-click ( 适用标签 :所有,触发事件:单击); ng-dblclick( 适用标签 :所有,触发事件:双击); ng-blur(适用标签 : a,input,select,textarea,触发事件:失去焦点); ng-focus(适用标签 : a,inpu
阅读全文
posted @
2019-02-11 16:15
JamelAr
阅读(270)
推荐(0) 编辑
AngularJS学习之旅—AngularJS HTML DOM(十三)
摘要:1、AngularJS HTML DOM AngularJS 为 HTML DOM 元素的属性提供了绑定应用数据的指令。 ng-disabled 指令:ng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性。 ng-show 指令:ng-show 指令隐藏或显示一个
阅读全文
posted @
2019-02-11 16:04
JamelAr
阅读(141)
推荐(0) 编辑
AngularJS学习之旅—AngularJS SQL(十二)
摘要:一、使用 PHP 从 MySQL 中获取数据 二、ASP.NET 中执行 SQL 获取数据 三、服务端代码 以下列出了几种服务端代码类型: 四、跨域HTTP请求 如果你需要从不同的服务器(不同域名)上获取数据就需要使用跨域 HTTP 请求。 跨域请求在网页上非常常见。很多网页从不同服务器上载入 CS
阅读全文
posted @
2019-02-11 15:55
JamelAr
阅读(133)
推荐(0) 编辑
AngularJS学习之旅—AngularJS Table(十一)
摘要:1、AngularJS 表格 1. ng-repeat 指令可以完美的显示表格 AngularJS 实例 2. 使用 orderBy 过滤器 3. 使用 uppercase 过滤器 4. 显示序号 ($index) 5. 使用 $even 和 $odd 2、代码
阅读全文
posted @
2019-01-24 11:12
JamelAr
阅读(114)
推荐(0) 编辑
AngularJS学习之旅—AngularJS Select(十)
摘要:1、AngularJS Select(选择框) AngularJS 可以使用数组或对象创建一个下拉列表选项。 ng-option:创建一个下拉列表,列表项通过对象和数组循环输出 eg: ng-repeat:通过数组来循环 HTML 代码来创建下拉列表 eg: 2、ng-option比ng-repea
阅读全文
posted @
2019-01-24 10:58
JamelAr
阅读(102)
推荐(0) 编辑
AngularJS学习之旅—AngularJS Http(九)
摘要:1、AngularJS XMLHttpRequest $http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。 eg: 此外还有以下简写方法: $http.get $http.head $http.post $http.put $http.delete $http.jsonp
阅读全文
posted @
2019-01-24 10:36
JamelAr
阅读(215)
推荐(0) 编辑
AngularJS学习之旅—AngularJS 服务(八)
摘要:1、AngularJS 服务(Service) AngularJS 中你可以创建自己的服务,或使用内建服务。2、什么是服务? 在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。 AngularJS 内建了30 多个服务。 有个 $location 服务,它可
阅读全文
posted @
2019-01-18 18:15
JamelAr
阅读(191)
推荐(1) 编辑
AngularJS学习之旅—AngularJS 过滤器(七)
摘要:1、AngularJS 过滤器 过滤器可以使用一个管道字符(|)添加到表达式和指令中。 AngularJS 过滤器可用于转换数据: 过滤器 描述 currency 格式化数字为货币格式。 filter 从数组项中选择一个子集。 lowercase 格式化字符串为小写。 orderBy 根据某个表达式
阅读全文
posted @
2019-01-18 17:58
JamelAr
阅读(138)
推荐(0) 编辑
AngularJS学习之旅—AngularJS 控制器(六)
摘要:1、AngularJS 控制器 AngularJS 应用程序被控制器控制。 ng-controller 指令定义了应用程序控制器。 控制器是 JavaScript 对象,由标准的 JavaScript 对象的构造函数 创建。 2、应用解析 AngularJS 应用程序由 ng-app 定义。应用程序
阅读全文
posted @
2019-01-18 17:34
JamelAr
阅读(128)
推荐(0) 编辑
AngularJS学习之旅—AngularJS Scope作用域(五)
摘要:1、AngularJS Scope(作用域) Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。 Scope 是一个对象,有可用的方法和属性。 Scope 可应用在视图和控制器上。2、如何使用 Scope 当你在 AngularJS 创建控制器时,你
阅读全文
posted @
2019-01-17 17:31
JamelAr
阅读(148)
推荐(0) 编辑
AngularJS学习之旅—AngularJS 模型(四)
摘要:1、AngularJS ng-model 指令 1.ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。 2.ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定。 双向绑定:双向绑定,在修改输入域的值时, A
阅读全文
posted @
2019-01-17 17:24
JamelAr
阅读(136)
推荐(0) 编辑
AngularJS学习之旅—AngularJS 指令(三)
摘要:1、AngularJS 指令 AngularJS 通过被称为 指令 的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。2、AngularJS 指令 1.AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。 2.ng
阅读全文
posted @
2019-01-17 16:47
JamelAr
阅读(135)
推荐(0) 编辑
AngularJS学习之旅—AngularJS 表达式(二)
摘要:1、AngularJS 表达式 AngularJS 表达式写在双大括号内:{{ expression }}。 AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。 AngularJS 将在表达式书写的位置"输出"数据。 AngularJS 表达式 很像 Jav
阅读全文
posted @
2019-01-17 16:39
JamelAr
阅读(137)
推荐(0) 编辑
AngularJS学习之旅—AngularJS 简介(一)
摘要:一、AngularJS 简介 1.AngularJS 是一个 JavaScript 框架。 AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。AngularJS 是以一个 JavaScript 文件形式发布的 2.它可通过 <script> 标签添加
阅读全文
posted @
2019-01-15 18:45
JamelAr
阅读(139)
推荐(1) 编辑