安装环境
node 6.9.x 和 npm 3.x.x 以上
全局安装 Angular CLI
1 | npm install -g @angular/cli |
创建新项目
运行下列命令来生成一个新项目以及应用的骨架代码
1 | ng new my-app |
启动开发服务器
进入项目目录,并启动服务器
使用–open(或-o)参数可以自动打开浏览器并访问http://localhost:4200/
1 | cd my-app |
保持应用不断转译和运行
1 | npm start |
router route 傻傻分不清楚
Router 路由器
Route 路由(线路 vt 及物动词)
##执行流程
执行ng server 后,进入main.js入口文件,再找到app.module.ts,
app.module.ts 这个根模块会告诉Angular如何组装该应用
1 |
|
创建组件
1 | //直接创建文件,并在根组件配置 |
ng指令
*ngIf
1 | <div *ngIf="flag"> flag = true 时显示 |