1 Angular2 Set up
2015-07-20 21:59
483 查看
1 download the angular2.0 demo from github https://github.com/angular/quickstart
2 new index.html
3 add app.es6
2 new index.html
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="dist/es6-shim.js"></script> </head> <body> <my-app></my-app> </body> <script> System.paths = { 'angular2/*': 'angular2/*.js', 'rtts-assert/*': 'rtts-assert/*.js', 'app': 'app' }; System.import('app'); </script> </html>
3 add app.es6
import {Component, Template, bootstrap, For} from 'angular2/angular2'; @Component({ selector: 'my-app' }) @Template({ inline: '<h1>{{myName}}</h1>' }) class MyAppComponent { constructor() { this.myName = 'Jackey'; } } bootstrap(MyAppComponent);
相关文章推荐
- 简话Angular 03 Angular内置表达式大全
- angular directive详解
- 创建 AngularJS 自定义过滤器,带自定义参数
- AngularJs记录学习04
- AngularJs记录学习03
- AngularJs记录学习02
- 【AngularJS】Yeoman安装
- 【AngularJS】【03】使用AngularJS进行开发
- angularjs 分页精华代码
- AngularJS学习笔记<1>环境配置
- 现在就开始使用AngularJS的三个重要原因
- 简话Angular 02 Angular控制器-作用域嵌套
- angularjs开发常见问题-2(angularjs内置过滤器)
- AngularJs解决方案笔记(1)
- AngularJS 表单验证
- AngularJS(一)
- 外部javascript 方法修改 angularjs 中$rootScope和$scope
- 【转载】angularJs模块ui-router之路由控制
- 【转载】angularJs模块ui-router之状态嵌套和视图嵌套
- 简话Angular 01 初识Angular 数据绑定