typescript部分

• export关键字作用：可以让定义的类型在全局范围内能被访问到。

• this关键字的指向：
  1，一般情况下，this指向的是本对象，即用“{}”括起来的内容（函数的“{}”除外）。
  2，对于函数嵌套情况，外层函数就指向本对象，而内层函数中的this可能指向其调用者，甚至不确定调用者，
  因此若内层函数想使用外层函数中的变量，直接使用，无需加this，若要使用对象中的变量，则需要使用箭头函数“（）=>”。

• any可用于声明某个不确定数据类型的变量。

• 加“？”的变量在初始化的不用赋初值

interface Shape {
    name: any;
    width: number;
    height: number;
    color?: string;
}
 
function area(shape : Shape) {
    var area = shape.width * shape.height;
    return "I'm " + shape.name + " with area " + area + " cm squared";
}
 
console.log( area( {name: "rectangle", width: 30, height: 15} ) );
console.log( area( {name: "square", width: 30, height: 30, color: "blue"} ) );

• interface和class的区别（补充）：
  1，因为typescript是JavaScript的超级，为了保证兼容，interface就完全变成了js，没有类的痕迹，而class编译后还会保留有class的标记
  2，通常interface只声明变量，不包括方法（这一点目前不是很确定）

angular部分

• 对于angular三大核心的理解:
  1, 组件（component）。 angular的页面全由各部分组件（component）构成，组件可能包括.scss，.html，.ts文件。即组件并不是某一种却定的文件类型，而是
  实现某一个页面的各种类型的文件集合。组件即为页面服务。

  2，模块（module）。菜鸟教程看的有点迷，等待老师详讲。

  3，路由（router）。主要用于前端确定浏览器输入的地址由哪个组件（component）处理。

angular框架流程：

• 浏览器地址 -> 路由（router）-> 组件（component）-> 服务（service）
• 其中组件中的.html文件我们通常称之为模板，用于确定要显示的内容；对于上述流程中，还会有一个derictive指令，用于控制模板内容的显示方式

浏览器显示内容过程：

• index.html -> <app-root></app-root>进行页面内容替换 -> 默认进入app.component.html页面-> <router-outlet></router-outlet>路由插槽 -> 插入子页面内容。

• 该过程中自始至终都只是替换了index.html文件中的内容。

前端页面获取并显示数据具体工作流程：

• 定义model类->写对应的service文件->组件中的component.ts文件->component.html文件

• model类：与后端的model相对应，或与数据库的表相对应，因为只包含成员变量，因此通常用interface定义，如下：

export interface Test {
  name: string;
  body: string;
}

• service：与后端的controller相对应，负责向后端请求数据，以及向组件传递后端返回的数据。

• component.ts：获取service传回来的数据，并对它进行简单的处理，然后赋值给自己的成员变量，便于component.html模板文件获取要展示的内容。

• component.html：组件中的该部分内容用于页面展示，可用“{{}}”获取component.ts传过来的对象。