angularJS2-日志

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的主界面

 
-- 未完待续 --