过滤器可以对输入的值按照指定的方案进行处理后再输出的函数。1.货比过滤器currency：{{ currency_expression | currency : symbol}}2.日期过滤器：date格式化date到字符串，基于format的要求。{{ date_expression | date : format}}3.数字过滤器：number，格式化数字4.大小写：lowercase，uppercase5.limitTo原文：https://www.cnblogs.com/youguess/p/10297867.html
前言今天的30天挑战，我决定用Spring框架, MongoDB和AngularJS开发一个单页网页应用。我对Spring和MongoDB很熟悉但是没有AngualrJS和Spring框架一起用过。所以本文就来开发一个网摘程序就像几天前用EmberJS写的一样。在这个系列的第二天我们已经讨论过AngularJS基础知识，详情参考博客。本文我们来讨论最新版本的Spring框架如3.2.5 RELEASE, 不采用XML(甚至没有web.xml). 我们用Spring注释支持来配置所有东西，Spring MVC(同Spr...
首先安装 swiper npm install --save swiper 或者 bower install --save swiper<link rel="stylesheet" href="../bower_components/swiper/dist/css/swiper.min.css" /> <script src="../bower_components/swiper/dist/js/swiper.jquery.min.js"></script>指令文件代码(function() {‘use strict‘;angular.module(‘campus.core‘).directive(‘swiperSlide‘,swiperSlide).directive(‘goToTop‘,goToTop);swiperSlide.$injec...
前言： 编程是一个很苦恼的工作，因为需要我们不断的去学习，不断的去专研，我本身就不是一个很喜欢学习的孩子，要不然从小到大也没有成绩好过，但是，我从来没有缺少过勤奋，还是让我们言归正传来说下 我们这段时间学的东西吧，看着别人能够运转自如，自己连基础的都不知道是不是特傻。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...