在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）...
参考：https://blog.csdn.net/qq_34829447/article/details/83780392 问题：使用FileUpload插件进行文件上传时，发现无法上传与上个文件相同的文件，而且不会调用任何组件的生命周期钩子。 原因：由于没有在input标签中添加multiple属性，此属性用于上传多个文件，而我上传同一文件也属于这个情况 解决：<input style="display:none;" type="file" nv-file-select="" uploader="uploader" id="fileToUpload" multiple/> 原文：http...
Directives have dependencies too, and you can use dependency injection to provide services for your directives to use. Bad: If you want to use <alert> in another controller or page, you have to modify the AlertService. This might break things.<!DOCTYPE html><html><head><title>Egghead.io Tutorials</title><link rel="shortcut icon" href="favicon.ico"><link href="//maxcdn.bootstrapcdn.com/bootstrap/3....
用“MEAN”技术栈开发web应用（一）AngularJs前端架构 吕大豹 2015-09-08 23:31 阅读:2178 评论:5 【转载】angularJs模块ui-router之路由控制 吕大豹 2015-07-18 17:47 阅读:754 评论:0 【转载】angularJs模块ui-router之多视图 吕大豹 2015-07-18 17:29 阅读:908 评论:0 【转载】angularJs模块ui-router之状态嵌套和视图嵌套 吕大豹 2015-07-18 17:28 阅读:396 评论:0 【转载】angularJs模块ui-router之状态管理 吕大豹 2...
<div ng-controller="MyController"> <button ng-click="Plus()"></button> <h1>Hello {{ text }}</h1> <button ng-click="Reduction()"></button></div><script> angular.module(‘myApp‘,[]) .controller("MyController",function($scope){ $scope.text = 1 ; $scope.add = function(){ $scope.text += 1; }; $scope.subtract = function(){ $scope.text -= ...
元素被点击时调用方法或者表达式：<!doctype html> <html ng-app="myApp"> <head><link rel="stylesheet" href="//cdn.jsdelivr.net/foundation/4.3.2/css/foundation.min.css"><script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.js"></script> </head> <body><div ng-controller="CounterController"><button ng-click="count = count + 1" ng-init="count=0">Increment</button>count: {{count}...
导言 stackoverflow上有一个人问了一个问题：如果我有jQuery背景，我应该如何切换到AngularJS的思维模式？ 有一个回复非常经典，获得了两千多票。 为了让国内开发者也能领略到其中的核心思想，现把这个问题和答案翻译出来供大家参考。 Question 假设我已经熟悉了如何使用jQuery来开发客户端应用，我现在打算使用AngularJS。请描述一下有那些思维模式方面的东西需要转变吗？下面是举出一些具体的问题，用来帮助你回答我的这个问题：...