posts - 85,comments - 18,views - 10万

随笔分类 -  AngularJS

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) 推荐(0) 编辑
AngularJS学习之旅—AngularJS 表单(十六)
摘要:一、AngularJS 表单 AngularJS 表单是输入控件的集合。 HTML 控件 以下 HTML input 元素被称为 HTML 控件: input 元素 select 元素 button 元素 textarea 元素 1、数据绑定 通过以上代码应用有了一个名为 firstname 的属性 阅读全文
posted @ 2019-02-11 17:29 JamelAr 阅读(184) 评论(0) 推荐(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) 推荐(0) 编辑
AngularJS学习之旅—AngularJS 模块(十五)
摘要:一、AngularJS 模块 模块定义了一个应用程序。 模块是应用程序中不同部分的容器。 模块是应用控制器的容器。 控制器通常属于一个模块。 1、创建模块 通过 AngularJS 的 angular.module 函数来创建模块 2、添加控制器 使用 ng-controller 指令来添加应用的控 阅读全文
posted @ 2019-02-11 16:48 JamelAr 阅读(124) 评论(0) 推荐(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) 推荐(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) 推荐(0) 编辑
AngularJS学习之旅—AngularJS SQL(十二)
摘要:一、使用 PHP 从 MySQL 中获取数据 二、ASP.NET 中执行 SQL 获取数据 三、服务端代码 以下列出了几种服务端代码类型: 四、跨域HTTP请求 如果你需要从不同的服务器(不同域名)上获取数据就需要使用跨域 HTTP 请求。 跨域请求在网页上非常常见。很多网页从不同服务器上载入 CS 阅读全文
posted @ 2019-02-11 15:55 JamelAr 阅读(133) 评论(0) 推荐(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) 推荐(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) 推荐(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) 推荐(0) 编辑
AngularJS学习之旅—AngularJS 服务(八)
摘要:1、AngularJS 服务(Service) AngularJS 中你可以创建自己的服务,或使用内建服务。2、什么是服务? 在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。 AngularJS 内建了30 多个服务。 有个 $location 服务,它可 阅读全文
posted @ 2019-01-18 18:15 JamelAr 阅读(191) 评论(0) 推荐(1) 编辑
AngularJS学习之旅—AngularJS 过滤器(七)
摘要:1、AngularJS 过滤器 过滤器可以使用一个管道字符(|)添加到表达式和指令中。 AngularJS 过滤器可用于转换数据: 过滤器 描述 currency 格式化数字为货币格式。 filter 从数组项中选择一个子集。 lowercase 格式化字符串为小写。 orderBy 根据某个表达式 阅读全文
posted @ 2019-01-18 17:58 JamelAr 阅读(138) 评论(0) 推荐(0) 编辑
AngularJS学习之旅—AngularJS 控制器(六)
摘要:1、AngularJS 控制器 AngularJS 应用程序被控制器控制。 ng-controller 指令定义了应用程序控制器。 控制器是 JavaScript 对象,由标准的 JavaScript 对象的构造函数 创建。 2、应用解析 AngularJS 应用程序由 ng-app 定义。应用程序 阅读全文
posted @ 2019-01-18 17:34 JamelAr 阅读(128) 评论(0) 推荐(0) 编辑
AngularJS学习之旅—AngularJS Scope作用域(五)
摘要:1、AngularJS Scope(作用域) Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。 Scope 是一个对象,有可用的方法和属性。 Scope 可应用在视图和控制器上。2、如何使用 Scope 当你在 AngularJS 创建控制器时,你 阅读全文
posted @ 2019-01-17 17:31 JamelAr 阅读(148) 评论(0) 推荐(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) 推荐(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) 推荐(0) 编辑
AngularJS学习之旅—AngularJS 表达式(二)
摘要:1、AngularJS 表达式 AngularJS 表达式写在双大括号内:{{ expression }}。 AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。 AngularJS 将在表达式书写的位置"输出"数据。 AngularJS 表达式 很像 Jav 阅读全文
posted @ 2019-01-17 16:39 JamelAr 阅读(137) 评论(0) 推荐(0) 编辑
AngularJS学习之旅—AngularJS 简介(一)
摘要:一、AngularJS 简介 1.AngularJS 是一个 JavaScript 框架。 AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。AngularJS 是以一个 JavaScript 文件形式发布的 2.它可通过 <script> 标签添加 阅读全文
posted @ 2019-01-15 18:45 JamelAr 阅读(139) 评论(0) 推荐(1) 编辑

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

打赏

>>

欢迎打赏支持我 ^_^

扫描二维码打赏

了解更多

点击右上角即可分享
微信分享提示