10 2016 档案
摘要:AngularJS 路由允许我们通过不同的 URL 访问不同的内容。 通过 AngularJS 可以实现多视图的单页Web应用(single page web application,SPA)。 通常我们的URL形式为 http://runoob.com/first/page,但在单页Web应用中
阅读全文
摘要:依赖注入(Dependency Injection,简称DI)是一种软件设计模式,在这种模式下,一个或更多的依赖(或服务)被注入(或者通过引用传递)到一个独立的对象(或客户端)中,然后成为了该客户端状态的一部分。 该模式分离了客户端依赖本身行为的创建,这使得程序设计变得松耦合,并遵循了依赖反转和单一
阅读全文
摘要:AngularJS 提供了动画效果,可以配合 CSS 使用。 AngularJS 使用动画需要引入 angular-animate.min.js 库。 还需在应用中使用模型 ngAnimate: 示例:勾选复选框隐藏 DIV 如果我们应用已经设置了应用名,可以把 ngAnimate 直接添加在模型中
阅读全文
摘要:在 AngularJS 中,你可以在 HTML 中包含 HTML 文件。 在 HTML 中,目前还不支持包含 HTML 文件的功能。 大多服务端脚本都支持包含文件功能 (SSI: Server Side Includes)。 使用 SSI, 你可在 HTML 中包含 HTML 文件,并发送到客户端浏
阅读全文
摘要:AngularJS 的首选样式表是 Bootstrap。 可以在 AngularJS 应用中加入 Twitter Bootstrap,你可以在你的 <head>元素中添加如下代码: 如果站点在国内,建议使用百度静态资源库的Bootstrap,代码如下: 实例: HTML代码: 指令解析: boots
阅读全文
摘要:API 意为 Application Programming Interface(应用程序编程接口)。 通用的 API 函数: angular.lowercase()实例: angular.uppercase()实例: angular.isString()实例: angular.isNumber()
阅读全文
摘要:AngularJS 表单和控件可以提供验证功能,并对用户输入的非法数据进行警告。(客户端的验证不能确保用户输入数据的安全,所以服务端的数据验证也是必须的。) 示例代码: 解析 AngularJS ng-model 指令用于绑定输入元素到模型中。 模型对象有两个属性: user 和 email。 我们
阅读全文
摘要:AngularJS 表单是输入控件的集合。 HTML控件 以下 HTML input 元素被称为 HTML 控件: input 元素 select 元素 button 元素 textarea 元素 HTML表单 HTML 表单通常与 HTML 控件同时存在。 (novalidate 属性是在 HTM
阅读全文
摘要:模块定义了一个应用程序。 模块是应用程序中不同部分的容器。 模块是应用控制器的容器。 控制器通常属于一个模块。 你可以通过 AngularJS 的 angular.module 函数来创建模块: "myApp" 参数对应执行应用的 HTML 元素。 现在你可以在 AngularJS 应用中添加控制器
阅读全文
摘要:AngularJS 有自己的 HTML 事件指令。 ng-click指令: ng-click 指令定义了 AngularJS 点击事件。 隐藏HTML元素: ng-hide 指令用于设置应用部分是否可见。 ng-hide="true" 设置 HTML 元素不可见。 ng-hide="false" 设
阅读全文
摘要:AngularJS 为 HTML DOM 元素的属性提供了绑定应用数据的指令。 ng-disabled 指令: ng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性。 讲解: ng-disabled 指令绑定应用程序数据 "mySwitch" 到 HTML 的 d
阅读全文
摘要:使用PHP从MySQL中获取数据: ASP.NET中执行SQL获取数据: 服务端代码: 以下列出了列出了几种服务端代码类型: 跨域HTTP请求: 如果你需要从不同的服务器(不同域名)上获取数据就需要使用跨域 HTTP 请求。 跨域请求在网页上非常常见。很多网页从不同服务器上载入 CSS, 图片,Js
阅读全文
摘要:ng-repeat 指令可以完美的显示表格。 使用 angular 显示表格是非常简单的: 为了让页面更加美观,我们可以在页面中使用CSS: 使用orderBy过滤器: 排序显示,可以使用 orderBy 过滤器: 使用 uppercase 过滤器: 用 uppercase 过滤器转换为大写: 显示
阅读全文
摘要:AngularJS 可以使用数组或对象创建一个下拉列表选项。 使用 ng-option 创建选择框 在 AngularJS 中我们可以使用 ng-option 指令来创建一个下拉列表,列表项通过对象和数组循环输出,如下实例: ng-option与ng-repeat: 我们也可以使用ng-repeat
阅读全文
摘要:$http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。 读取JSON文件 以下是存储在web服务器上的 JSON 文件: http://www.runoob.com/try/angularjs/data/sites.php AngularJS $http 是一个用于读取we
阅读全文
摘要:AngularJS 中你可以创建自己的服务,或使用内建服务。 什么是服务? 在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。 AngularJS 内建了30 多个服务。 有个 $location 服务,它可以返回当前页面的 URL 地址。 实例: 注意 $
阅读全文
摘要:过滤器可以使用一个管道字符(|)添加到表达式和指令中。 AngularJS 过滤器可用于转换数据: 表达式中添加过滤器: 过滤器可以通过一个管道字符(|)和一个过滤器添加到表达式中。. ((下面的两个实例,我们将使用前面章节中提到的 person 控制器)) uppercase 过滤器将字符串格式化
阅读全文
摘要:AngularJS 控制器 控制 AngularJS 应用程序的数据。 AngularJS 控制器是常规的 JavaScript 对象。 AngularJS 应用程序被控制器控制。 ng-controller 指令定义了应用程序控制器。 控制器是 JavaScript 对象,由标准的 JavaScr
阅读全文
摘要:Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。 Scope 是一个对象,有可用的方法和属性。 Scope 可应用在视图和控制器上。 当你在 AngularJS 创建控制器时,你可以将 $scope 对象当作一个参数传递: 实例:控制器中的属性对应
阅读全文
摘要:ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。 ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定。例如: 双向绑定:在修改输入域的值时, AngularJS 属性的值也将修改,如下: 验证用户输入:以
阅读全文
摘要:AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。 AngularJS 通过指令扩展了 HTML,且通过表达式绑定数据到 HTML。 AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。 A
阅读全文
摘要:1.开发环境需要的软件有: node.js http://nodejs.org 可以到官方网站下载对应平台的安装包安装即可,如果已经安装,需要把它升级到最新的稳定版本 在终端可以输入$node -v来查看node版本以检测是否安装成功 Ionic CLI http://ionicframework.
阅读全文
摘要:一、LESS的学习笔记: 1.less介绍:一种动态样式语言。less将css赋予了动态语言的特性,如变量,继承,运算,函数,less既可以在客户端上运行(支持IE6+,webkit,firefox),也可以借助node.js或者Rhino在服务端运行。less的中文文档,可以参照这两个地址进行学习
阅读全文
摘要:一、调试工具介绍(Chrome Emulation) 1.Device(设备相关) 自定义尺寸、Network(网络模拟)、UseAgent(浏览器信息)、缩放 2.Media(媒体) 3.Network(网络模拟) 4.Senors(传感器) 经纬度、陀螺仪 二、本地服务器搭建 1.搭建服务器 |
阅读全文
摘要:1.Ionic是什么,它和Angular、Cordova有什么关系? Ionic通过整合各种技术和功能使构建Hybird应用更加快速、容易和美观。Ionic生态系统基于Angular和Cordova,前者是web应用框架,后者是构建和打包原生应用的工具。 2.为移动设备开发应用有哪三种类型?各自的优
阅读全文