前言： 编程是一个很苦恼的工作，因为需要我们不断的去学习，不断的去专研，我本身就不是一个很喜欢学习的孩子，要不然从小到大也没有成绩好过，但是，我从来没有缺少过勤奋，还是让我们言归正传来说下 我们这段时间学的东西吧，看着别人能够运转自如，自己连基础的都不知道是不是特傻。1，hello world<!doctype html><html ng-app="HelloAngular"><head><meta charset="utf-8"></head><body><div ng-controller="HelloAngularC...
本文也同步发表在我的公众号“我的天空” AngularJS路由 AngularJS路由可以让我们通过不同的URL访问不同页面（似乎是废话），其价值主要体现在单页面的web应用中（singlepage web application，SPA），在移动端的web开发中，几乎都是SPA的形式。我们先通过一个简单的示例来了解AngularJS路由，随后再做进一步的学习。请看示例： <html> <head> <title>AngularJS_23</title> <script src="Angular.js"></script> <script src=...
功能介绍： 该组件将文本框和下拉框的组合，当你点击最右边的下拉按钮,实现下拉框选择的功能；当你选中文本框，实现文本框输入的功能。将文本框和下拉框设置name属性一样他自动会把对应下拉框的值传入后台，而文本框的值不传，当你做文本框使用，它会把文本框的值传入后台而下拉框的值不传。可编辑下拉选项框ANY11.html代码 1<!DOCTYPE html> 2<html ng-app="myapp"> 3<head> 4<meta charset="UTF-8"> 5<title>可编辑下拉选项框...
AngularJS 包含在 AngularJS 中，你可以在 HTML 中包含 HTML 文件。使用 AngularJS, 你可以使用 ng-include 指令来包含 HTML 内容:<body ng-app=""><div ng-include="‘test.htm‘"></div></body>test.htm 文件代码：<h1>菜鸟教程</h1><p>这是一个被包含的 HTML 页面，使用 ng-include 指令来实现！</p>ng-include 指令除了可以包含 HTML 文件外，还可以包含 AngularJS 代码:<!DOCTYPE html><html><meta charset="utf-8"><script s...
自定义指令编写时钟模板<!-- 模板文件 --><html><!-- 内置的ng-app指令通知编译器启动AngularJS框架--><body ng-app="ezstuff"><!-- 我们自己定义的ez-clock指令通知编译器生成时钟widget--><ez-clock></ez-clock></body><script src="angular.js"></script></html>controller 1 angular.module("ezstuff",[])//创建模块ezstuff 2 .directive("ezClock",function(){//在模块上注册指令ezClock的类工厂 3return {4 rest...
什么是作用域. 什么是控制器, 作用域包含了渲染视图时所需的功能和数据，它是所有视图的唯一源头。可以将作用域理解成试图模型(ViewModel). 作用域之间可以是包含关系也可以是独立关系.可以通过设置不同的ng-Controller来让$scope处于不同的作用域下面. 一.$rootScope 1.1 $rootScope可以理解成全局变量,一旦赋值对整个module都有效.$rootScpoe不依赖于任何一个controller, app.run是module被加载时候执行的代...
在angularjs中，filter提供了格式化数据或者过滤数据的功能：1、请看下面简单的例子<div ng-controller="phoneListExtendController">I have {{friends.length}} friends. They are: <input type="search" ng-model="q" placeholder="filter friends..." /> <ul> <li ng-repeat="friend in friends | filter:q"> [{{$index + 1}}] {{friend.name}} who is {{friend.age}} years old. </li> </ul> <hr> <ul> <li...
js中的函数，判断这个函数是构造函数还是自调用的函数，只需要看this指向。如果this指向的是window,那肯定是自调用，如果this的实例是这个函数，那就是构造函数。 比如angularjs中的MyController都是会自动new一个构造函数的。可以这样证明: function MyController($scope){ console.log(this instanceof MyController); //返回true证明被new过。(构造函数) } 依赖对象:完成某个特定的功能需要依赖某个...
学习视频地址：http://i.youku.com/i/UMzI1MjQ0MDgw?spm=a2h0z.8244218.2371631.d6373（大漠穷秋）配置环境（cnpm方式，angular-cli）1.安装nodejs2.安装angularjs环境打开命令窗，cd到项目目录运行npm i -g cnpm安装cnpm运行cnpm i -g angular-cli 安装angular cnpm install安装项目所需包ng server --prod --aot安装服务器（此步骤出错了）原文：http://www.cnblogs.com/zinan/p/7337105.html
公司在做一个OA系统， 包括移动端（从微信企业号进入OA系统），电脑端。 电脑端还是用的传统的easyui做界面，asp.net mvc作为服务端。这个技术已经很成熟了配合权限框架很快就能开发出来。但是手机端之前团队也没有什么经验，我之前做过一个jqureymobile的项目，但是这个框架实在是太卡了，直接pass掉。恰好之前有自学一点点angularjs 所以我就推荐手机端的项目使用angularjs来开发，一来团队可以学习一些新技术跟上潮流，二来...
后台请求使用的是nodeJS驱动(后面帖代码),很简单的RESTFUL, 页面使用的是bottstarp3.0(懒人神器); 第一个例子: 在本地架设NODEJS, angular的所有请求都是请求本地的3000端口, 这个例子展示的是angular用GET请求服务器的list.json, 1.json, 2.json等文件; POST请求/0和/id这两个地址：运行下面代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt...
1.angular.lowercase/angular.uppercase//将特定字符串转化为小写/大写的方法 1 <!DOCTYPE html>2 <html >3 <head lang="en">4 <meta charset="UTF-8">5 <title>angular_function</title>6 </head>7 <body ng-app="myapp">8 <div ng-controller="mycontroller">9 <input type="text" ng-model="namee" > 10 {{NAME}}~~~{{namee}} 11 </div> 12 </body> 13 <script src="angular.js"></script> 14 <script> 15 var Ap...
在angularJS中，你有一系列的view，负责将数据渲染给用户；你有一些controller，负责管理$scope(view model)并且暴露相关behavior(通过$scope定义）给到view；你有一些directive,负责将user interaction和$scope behavious link起来。但是还有一样东西： a directive controller.这个directive controller子一个directive的context中定义，但是它又可以被injected到其他的directives中作为一种便利化inter-directive communication...
看了下angular 的route，用它做个非常简单的单页面应用，记录一下。 顺便说下，好处是，页面改变时不需要刷新，而每个页面都展现不同的数据。尤其在使用模板页的时候，非常方便。快速使用Romanysoft LAB的技术实现 HTML 开发Mac OS App，并销售到苹果应用商店中。 《HTML开发Mac OS App 视频教程》土豆网同步更新：http://www.tudou.com/plcover/VHNh6ZopQ4E/百度网盘同步：http://pan.baidu.com/s/1jG1Q58M分享 [中文纪录片...
AngularJs学习有一段时间了，前几天做了一项目。做完后想使用才学习的Angular试试水，结果出乎意料（学的太基础尽然不知道从那下手，还是纠结）最后还是去慕课网看了“大漠穷秋”的“AngularJS实战”的视频才有些基础，希望能让我理解其中的知识。 1、Angular的4大核心特性： MVC（职责清晰，代码模块化） 模块化（MVC是手段，终极目标是模块化） 指令系统（AngularJs不会去直接去操作Dom，都是使用指令系统去处理Dom）...