建立路由接前一小节，在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‘:‘...
Model的应用 MVC的模式大家都是十分熟悉了，那么Angular是怎么规划的呢。数据被放在json文件中，通过Ajax获取数据。[{ "action": "Buy Flowers", "done": false},{ "action": "Get shoes", "done": false },{ "action": "Call Leona", "done": true },{ "action": "Collect Tickets","done": false}] <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" ng-app="todoApp" > <head> <meta http-equiv="...
HTML: （代码仅用于解释得更清楚，并未完全展示）<!doctype html><html ng-app="app"><head><script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script><script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-touch.js"></script><script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-animate.js"></script><script src="http://ui-grid.info/docs/...
AngularJS 指令AngularJS 指令是以 ng 作为前缀的 HTML 属性。ng-app 指令ng-app 指令定义了 AngularJS 应用程序的 根元素。ng-app 指令在网页加载完毕时会自动引导（自动初始化）应用程序。稍后您将学习到 ng-app 如何通过一个值（比如 ng-app="myModule"）连接到代码模块。ng-model 指令ng-model 指令 绑定 HTML 元素 到应用程序数据。ng-model 指令也可以：为应用程序数据提供类型验证（number、email、required）。为应用程序数...