现在是西太平洋时间凌晨,这个问题我鼓捣了一天,都没时间学英语了,英语太差,相信第二天我也看不懂了,直接看结果就行. 核心原理就是require在AngularJs2编译过程中是关键字,而在浏览器里面运行时候AngularJs2不会去关心require方法.所以只要在原始的ts代码中不出现require就没问题.所以在AMD的加载器加载完毕之后,立即用一个全局变量保存,在AngularJs2的代码中使用这个全局变量在做加载器. Because require is a key word of An…

这篇就先暂停下上篇博客--你画我猜的进度,因为在做这个游戏的时候,想采用最新的ng2技术,奈何坑是一片又一片,这边就先介绍下环境部署和填坑史 既然要用ng2,首先要拿到资源,我这边用的是angularJs2 beta版的,网上的资源有两种,一个是文件全压缩版的.min.js版的另一个就是一大堆乱七八糟的js文件,主要是ng2已经完全采用TypeScript,加之对es6的支持,所以需要引入一大堆兼容,编译文件 这边刚好特别手欠想学学gulp,于是开搞配置gulp环境,压缩所有的js文件成一个mi…

angularjs2.0刚发布, typescript2.0也刚发布, 于2016.9.29记录. 参考文档:https://angular.cn/docs/ts/latest/quickstart.html win7环境 1. 下载并安装 Visual Studio Code, 以下简称 vsc 2. 安装 node, 会自动安装 npm, 下载地址: https://nodejs.org/en/download/ 3. 命令行执行: npm install -g 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页 第三步:创建项目 可以将没用的都…

新手练习,尝试使用angularjs2 [angularjs2 数据绑定,监听数据变化自动修改相应dom值,非常方便好用,但与传统js(jquery)的使用方法会很不同,Dom操作也不太习惯] 应用效果图: 转载请标明出处:cnblogs.com/wangxinsheng@望星辰 ----- 具体步骤如下: 1.通过应用生成器工具 express 可以快速创建一个应用的骨架 全局安装 应用生成器工具:$ npm install express-generator -g 在当前工作目录下创建一个命…

前言:本来准备初探AngularJS2,结果成了复习git和再探node git的两个常见问题:一.github上传时出现error: src refspec master does not match any解决办法 二.如何解决failed to push some refs to git AngularJS2开发环境搭建: 1.下载git进入git命令行并按如图所示进行(npm install和npm start可能无法运行) 2.将nodejs的安装文件复制到quickstart文件夹下…

参考链接:http://www.cnblogs.com/shenbin/p/5680976.html web访问接口报405错误,以前的jQuery访问方式访问接口没有问题. 但是换成angularjs2.0之后调用接口就报405错误,ajax调用没有问题. 查找资料之后找到解决方案: 原因是webapi 默认的web.config有配置 <handlers> <remove name="ExtensionlessUrlHandler-Integrated-4.0"…

2.NG2入门 2.1 基本构造 angularjs主要有8个构造快: 模块(module) 组件(component) 模板(template) 元数据(metadata) 数据绑定(data binding) 指令(directive) 服务(service) 依赖注入(dependency injection) 2.1.1 模块(module) 每个 Angular 应用至少有一个模块(根模块),习惯上命名为AppModule.Angular 模块(无论是根模块还是特性模块)都是一个带有@…

学习angularjs2框架,需要了解一些TypeScript知识点,基本了解下面这几个知识点学习AngularJS2 就够用了 1.TypeScript 1.1显示类型的定义 TypeScript类似于java和c++,允许我们显示声明的类型: let foo : number = 42; let 声明变量跟js里面定义var一样 1.2 any类型 TypeScript所有的类都是any的子类,如果把所有变量都声明为any类型,就是失去TypeScript编译器带来的优点,慎用any. 1.…

typescript指南 前言 typescript是angularjs2推荐使用的脚本语言.它由微软2012年首次发布. 一.    typescript和javascript的区别 1.从遵循的规范上的角度: Javascript遵循ECMA5的规范,TypeScript是语法上对ECMA6的实现. 2.从功能上说: TypeScript提供了类.模块和接口来帮助构建组件,更方便写面向对象的程序,所以被称为更好的typescript. 3.从支持上说: 所有的浏览器都支持ES5及之前的jav…

才刚刚对AngularJS有些了解,又听闻AngularJS2早就铺天盖地了,AngularJS3刚刚夭折,AngularJS4今年已经发布了,还是学习先下AngularJS2吧,据说更加适合以移动为主的开发,AngularJS4也是兼容2的.刚看一点点资料,就了解到还有个TypeScript,原来AngularJS2 基于TypeScript进行开发. 看来TypeScript才是新鲜货,先贴个代码看看 class Student { fullName: string; constructor…

Which are the best video tutorials for learning AngularJS 2? 有没有最好的学习Angularjs2的视频入门体验? 翻译来源:https://www.quora.com/Which-are-the-best-video-tutorials-for-learning-AngularJS-2 作者:苏生米沿 本文地址:http://blog.csdn.net/sushengmiyan/article/details/52584741 从事J…

昨天一个话题说关于AngularJS2以后版本的两个小技巧,不料引出了另外一个话题,话题起始很简单: "很多的前端框架并不复杂,比如JQuery,引入即用,实时看到效果,多好.到了Angular2一直到现在的版本5,一点改进没有,还要编译,还要部署,原有的JS脚本也不能用了." 细想起来,这个话题的帽子并不小,至少牵扯出来一个关键,AngularJS2及以后的版本,其框架之下的JS代码,跟HTML中<script>块之中的JS代码,到底是什么关系? 我试着来回答一下: 首先…

AngularJS2 基础学习: 参考 mybase 3-26 文件 angular 环境的构建:( 由于 Angular 编写的代码不是 浏览器可以直接运行的,需要经过编译,所以需要构建一个环境) 1, npm ,nodejs 的安装: npm 安装:(需要联网) sudo apt install npm 查看安装成功: npm -v npm 设置代理: $ npm config set proxy http://username:password@server:port $ npm conf…

AngularJs2.0中文官网站发布了. 官网地址:https://angular.cn/ 官网点击任何中文地方都可以显示英文原文,中文文档暂时只有 TypeScript的,JavaScript和dart的还是英文的. AngularJs2.0的特性与优点 跨平台 渐进式 Web 应用:借助现代化 Web 平台的力量,交付 app 式体验.高性能.离线化.零安装. 原生:借助来自 Ionic . NativeScript 和 React Native 中的技术与思想,构建原生移动应用. 桌面:…

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项目了,并且在项目属性栏中会有…

AngularJS2 发布于2016年9月份,它是基于ES6来开发的. 运行条件! 由于目前各种环境(浏览器或 Node)暂不支持ES6的代码,所以需要一些shim和polyfill(IE需要)让ES6写的代码能够转化为ES5形式并可以正常运行在浏览器中. 从上图可以看出在 Es5 浏览器下需要以下模块加载器: systemjs - 通用模块加载器,支持AMD.CommonJS.ES6等各种格式的JS模块加载. es6-module-loader - ES6模块加载器,systemjs会自动加载…

http://my.oschina.net/u/2275217/blog/482178…

1.创建文件夹 mkdir angular2-app cd angular2-app 2.配置Typescript 需要通过一些特殊的设置来指导Typesript进行编译.新建一个 tsconfig.json 文件,放于项目根目录下,并输入以下配置 { "compilerOptions": { "target": "es5", "module": "system", "moduleResoluti…

//package.json 用来标记本项目所需的npm依赖包{ "name": "angular-quickstart", "version": "1.0.0", "scripts": { "start": "tsc && concurrently \"tsc -w\" \"lite-server\" ", &…

环境:VS2015, NodeJS:v 6.5, npm: v3.10, AngularJs 2 通过将ASP.NET MVC项目与Angualr 2官网上的quick start整合的过程中遇到些问题. 通过下面的若干配置最终向项目build成功.…

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)的基础上又加了一…

1.apt-get update 99% waiting for headers卡住了,fix如下 sudo apt-get clean cd /var/lib/apt sudo mv lists lists.old sudo mkdir -p lists/partial sudo apt-get clean sudo apt-get update 2. 安装git sudo apt-get install git 3.获取代码 git clone https://gitlab.com/shen…

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

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

在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 一个实际例子 一辆车有门…

https://zhongsp.gitbooks.io/typescript-handbook/content/index.html…

@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,…