angularjs2 学习笔记(一) 开发环境搭建   开发环境,vs2013 update 5,win7 x64,目前最新angular2版本为beta 17 第一步:安装node.js 安装node.js(https://nodejs.org/en/),为的是能够使用npm获得angular2.0的开发包 验证是否安装成功 cmd下输入 node -v npm -v 第二步:在vs2013上安装typescript 安装完成后在项目中可以添加typescript项目了,并且在项目属性栏中会有…

开发环境,vs2013 update 5,win7 x64,目前最新angular2版本为beta 17 第一步:安装node.js 安装node.js(https://nodejs.org/en/),为的是能够使用npm获得angular2.0的开发包 验证是否安装成功 cmd下输入 node -v npm -v 第二步:在vs2013上安装typescript 安装完成后在项目中可以添加typescript项目了,并且在项目属性栏中会有typescript页 第三步:创建项目 可以将没用的都…

angular2的http服务是用于从后台程序获取或更新数据的一种机制,通常情况我们需要将与后台交换数据的模块做出angular服务,利用http获取更新后台数据,angular使用http的get或put进行后台调用采用的是ajax方式,跨域问题需要单独处理.下面来看一个例子,演示从后台web api中获取数据并进行页面加载. 1.由于要使用http服务,所以我们一定要在我们的web页面需要引入<script src="node_modules/angular2/bundles/http…

Atscript 这门新的语言是由谷歌的Angular团队弄出来的 就是为了编写ng2.0 ng2是个极具前瞻性的尝试 这种激进的革新在于对未来标准的迎合 ng2的标准包括了如下:1 module 2 WebComponents 3 class 4 observe 5 promise 这些大都来自es6大法~ 提到Atscript就不得不提到Typescript了 ng2的核心构建语言之一就是typescript ,Atscript在Ts(这里的Ts指的就是typescript)的基础上又加了一…

Angular 2 Form表单 在angular2 form表单中我们需要了解表单数据绑定.数据验证.数据提交等内容,在下面的示例中并没有实际提交到后台,这部分内容在今后webapi中加以练习. 表单建立 <form (ngSubmit)="onSubmit(planetForm.value)" #planetform="ngForm"> </form> 这里是一个空的表单ngSubmit是一个事件,用于提交数据,数据则是整个form表单的…

在anglar2中服务是什么? 如果在项目中有一段代码是很多组件都要使用的,那么最好的方式就是把它做成服务. 服务是一种在组件中共享功能的机制,当我们使用标签将多个组件组合在一起时我们需要操作一些数据或是需要做一些运算时,我们需要做一个服务:服务能帮我们引入外部的数据.那么如何创建一个服务呢? 创建服务 创建一个简单的服务 import {Injectable} from 'angular2/core'; import {PLANETS} from './planets-data'; @Inje…

angular2路由是管理angular2应用内部导航的一个重要内容,在angular应用中,很多的组件是通过组合完成一个复杂的应用,不可避免的是我们常会在视图间切换,那么这是就需要使用路由来管理视图间的转换. 路由定义 先看一个简单的路由定义 ///<reference path="../node_modules/angular2/typings/browser.d.ts"/> import {Component} from 'angular2/core'; import…

angular2 组件 首先了解angular2 组件的含义 angular2的应用就是一系列组件的集合 我们需要创建可复用的组件供多个组件重复使用 组件是嵌套的,实际应用中组件是相互嵌套使用的 组件中的数据调用可以使用inputs和outputs 一个组件可以是一种指令 一个组件可以包含前端表现及后端逻辑 一个组件可以是一个代码片段,能够独立运行 进一步理解指令 一个指令就是一个组件 一个指令可以装饰指令,用于改变DOM 一个指令可以是模板指令,可以改变element 一个实际例子 一辆车有门…

@Input @Input是用来定义模块的输入的,用来让父模块往子模块传递内容: @Component({ selector: 'bank-account', template: ` Bank Name: {{bankName}} Account Id: {{id}} ` }) class BankAccount { @Input() bankName: string; @Input('account-id') id: string; // this property is not bound,…

AngularJS2 学习 继TypeScript之后,终于到了ng2的学习路程,同样学习根据angular官网文档进行,对文档中的内容根据自己的理解略有改动.看官可看官网文档,也可以看本系列博文 首先根据官网推荐先去学习了英雄教程,涵盖了ng的大部分知识点.后面就到了开发指南中的架构部分 首先要明白ng是一个什么玩意,ng是一个前端框架之前的版本就已经很受开发者的青睐,而ng2的发布对ng1来说是破坏性的,因为ng1并不再适合现代WEB开发.ng2吸取了ng1的优点并添加了大量的新特性,ng2…