<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title></head><body ng-app="myNoteApp" ng-controller="myNoteCtrl"><h2>我的笔记</h2><textarea ng-model="message" cols="40" rows="10"></textarea><p><button ng-click="save()">保存</button><button ng-click="clear()">清除</button></p><p>Number of characters left:<span ng-bind="left()"></span></...
接着前面博客文章socket.io+angular.js+express.js做个聊天应用（二）首先开发之前先介绍下bower，它是用来管理前端类库的（具体介绍,安装可看http://blog.csdn.net/edagarli/article/details/26359535）justhacker@justhacker-ThinkPad-Edge-E440:~/projects/nodejs/chattingnode$ bowerUsage:bower <command> [<args>] [<options>]Commands:cache Manage bower cachehelp Display help inf...
1. 安装AngularJS1.1 AngularJS官网 Github源码：https://github.com/angular/angular.js 官网：https://angularjs.org/1.2 npm安装AngularJSnpm install angular 原文：http://www.cnblogs.com/libingql/p/6919257.html
建立路由接前一小节，在src/app/app.component.html把login组件去掉第一步：在src/index.html指定基准路径浏览器会根据这个路径下载css，图像，js文件，所以语句要放在header的最顶端<base href="/"> 第二步：在src/app/app.module.ts引入RouterModuleimport { RouterModule } from "@angular/router";第三步：定义和配置路由数组forRoot是一个静态工厂方法路由插座路由插座加载LoginComponent在app.component.html添加一个路由插座...
一.原生js1.parse 用于从一个字符串中解析出json 对象。例如var str=‘{"name":"cpf","age":"23"}‘经 JSON.parse(str) 得到：Object: age:"23" name:"cpf" _proto_:Objectps:单引号写在{}外，每个属性都必须双引号，否则会抛出异常2.stringify用于从一个对象解析出字符串，例如var a={a:1,b:2}经 JSON.stringify(a)得到：“{“a”:1,"b":2}”3.eval()可以解释所有格式的字符串，安全系数较低； 二，jqueryj...
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title><link rel="stylesheet" href=""></head><body><div ng-app="" ng-init="firstName=‘sdiven‘"><p>姓名为:<span ng-bind="firstName"></span></p></div></body><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script></html>本文出自 “素颜” 博客，请务必保留此出...
define(["app"],function(app){ return app.controller("transactionsFundController", function($scope,$compile,$location) { $scope.transactionsFund={};//定义对象 $scope.transactionsFundList=[];//定义对象数组 $scope.pages = 1; //默认查询总页数 $scope.size = 0; //默认每页显示条数 $scope.total = 0; //清空模态框 $(".modal").on("hidden.bs.modal",functio...
用Trigger.io改进移动Angular.js应用作者：chszs，转载需注明。博客主页：http://blog.csdn.net/chszsTrigger.io Forge可以让我们使用最新、最好的Web技术来开发本地移动应用。本文展示了开发一个简单的Angular.js应用示例，并使用Forge模块增强此应用，包括：1）使用forge.prefs来增加离线能力和持久化能力2）使用forge.topbar来增加本地topbar和动作按钮3）使用forge.tabbar来实现视图间的导航本示例是做一个TODO列表。一、创建一...
要启动一个angular应用，可以使用ng-app指令，也可以调用bootstrap方法手动启动。 一个angular应用中，可以有多个angular.module。应该有且只有一个angular.module的名称与ng-app的值一致，否则就没有意义了。angular.module(‘M1‘,[]);
angular.module(‘M2‘,[]);
......
angular.module(‘Mn‘,[]);angular.module(‘app‘,[‘M1‘,‘M2‘,...,‘Mn‘]);
M1,M2,...,Mn可能是不同的业务模块，可以单独作为一个angular.module，最...
1. 打开弹窗的点击事件project.component.html<button mat-icon-button class="action-button" (click)="editDialog(project)"><mat-icon>create</mat-icon>编辑</button><button mat-mini-fab color="warn" class="add-project" (click)="openDialog()"><mat-icon>add</mat-icon>
</button>
project.component.tsimport { Component, OnInit } from ‘@angular/core‘;
import { MatDialog } from ‘@angular/material‘;
import ...
想象一下，您的应用需要一些动态配置信息，这些信息在应用启动之前需要动态获取，并在应用运行中使用。显然不能直接写道静态配置文件中，但是从客户端发出的请求又是一个异步请求，如何协调这个问题呢？这里，我想向您演示，如何在 Angular 应用初始化期间，使用 APP_INITIALIZER 注入器来获取应用的动态配置信息。什么是 APP_INITIALIZER 注入器APP_INITIALIZER 是允许您在 Angular 初始化七千处理您自己任务的机制。它既可以用于...
前言今天的30天挑战，我决定用Spring框架,
MongoDB和AngularJS开发一个单页网页应用。我对Spring和MongoDB很熟悉但是没有AngualrJS和Spring框架一起用过。所以本文就来开发一个网摘程序就像几天前用EmberJS写的一样。在这个系列的第二天我们已经讨论过AngularJS基础知识，详情参考博客。本文我们来讨论最新版本的Spring框架如3.2.5
RELEASE, 不采用XML(甚至没有web.xml). 我们用Spring注释支持来配置所有东西，Spring
MVC(同Spr...
看了下angular 的route，用它做个非常简单的单页面应用，记录一下。 顺便说下，好处是，页面改变时不需要刷新，而每个页面都展现不同的数据。尤其在使用模板页的时候，非常方便。快速使用Romanysoft LAB的技术实现 HTML 开发Mac OS App，并销售到苹果应用商店中。 《HTML开发Mac OS App 视频教程》土豆网同步更新：http://www.tudou.com/plcover/VHNh6ZopQ4E/百度网盘同步：http://pan.baidu.com/s/1jG1Q58M分享 [中文纪录片...
核心特性:MVC, 模块化， 自动化双向绑定数据，语义化标签，依赖注入
MVC 1970年smalltalkMVC核心理念：你应该把你管理数据的代码(model).应用逻辑代码（controller).向用户展示的代码（view)清晰的分离开
数据绑定：声明UI中某个部分需要映射到某个JS属性，然后让他们自己去同步依赖注入：(自动解析依赖关系)只是简单的获取他们所需要的东西，而不需要创建那些它们所以来的东西，遵循了（Law of Demeter)也叫最少知识原则，意味着，...
ng内部，一旦发生值改变操作，如$scope.m=x,就会自动轮询$digest队列，触发指定的$watch，调用其回调函数，然后修改dom树。干货：https://github.com/xufei/blog/issues/101.ng提供了许多内置的服务，例如常用的$scope\$http\$window\$location等。http：POST请求： var app = angular.module(‘myApp‘, [‘ng‘]);app.run(function($http){ //post 请求设置请求头$http.defaults.headers.post = {‘Content-Type‘:‘...
如果你计划使用AngularJS创建你的Web应用，那现在就开始吧。你不需要有任何的恐惧和担心，因为现在有很多的框架都可以很好地支持AngularJS。这些框架都有事先安装的Web组件，使用它们可以帮助你快速进行项目开发。这里列举5个这样的框架，帮助你使用AngularJS构建Web应用。