周大胖子 发表于 2018-4-18 17:03:32

One 第一步

安装angular-cli 命令工具:
npm install -g @angular/cli【注: 该工具只需要搭建一遍

创建新应用:
ng new angular-tour-of-heroes【注:ng new 项目名

启动应用服务:
cd angular-tour-of-heroes
ng serve --openng serve 命令会构建本应用、启动开发服务器、监听源文件,并且当那些文件发生变化时重新构建本应用。--open 标志会打开浏览器,并访问 http://localhost:4200/。





周大胖子 发表于 2018-4-18 17:08:28

应用的外壳

   应用的外壳:就是只这个显示的界面

这个界面 被一个外壳控制着/ 这外壳被称为: AppComponent

实现这个外壳的一共有三个组件:
app.component.ts— 组件的类代码,这是用 TypeScript 写的。

app.component.html— 组件的模板,这是用 HTML 写的。

app.component.css— 组件的私有 CSS 样式。

周大胖子 发表于 2018-4-18 17:10:37

插值绑定语法双大括号

后台 var title = '123';

页面 <h1> {{ title }}</hi>

周大胖子 发表于 2018-4-18 17:12:35

关于公共样式: 一般应用都是保持外观的样式一致,所以有一个大体一致的公共样式,就写在 /src/style.css 里   
页: [1]
查看完整版本: One 第一步