Angular 应用是由组件组成的。 组件由 HTML 模板和组件类组成，组件类控制视图。

import { Component } from '@angular/core'; @Component({ selector: 'my-app', template: `<h1>Hello {{name}}</h1>` }) export class AppComponent { name = 'Angular'; }

selector属性为 Angular 指定了在index.html中的自定义<my-app>标签里显示该组件。

template属性为需要显示的内容，变量使用{{}},此时使用ng-bind无效。

教程: 英雄指南

demo演示

 一.搭建本地环境：

安装：node.js,git;具体请看：node.js、git、bootstrap等安装配置

查看是否安装成功：

GIT版本查看:　　git --version

node.js版本查看： node -v

执行git命令克隆github上的项目环境并启动项目。

1.克隆项目

git clone https://github.com/angular/quickstart.git heros-game

2.进入到项目根目录下

 

cd heros-game　　

3.node安装需要的环境配置

npm install

4.启动程序

npm start

浏览器将自动打开：http://localhost:3000/

出现基础的angularJS2的主界面

 -- 未完待续 --

 

 

　　

 

 

转载于:https://www.cnblogs.com/mabylove/p/6667487.html

相关资源：rutha：Rutha-HapiJS AngularJS堆栈-源码