一.样式问题
1.利用样式list-style:none;去掉无序列表li前面的小点后，左边有一部分空余空间，由于用chrome开发，网上查询后说是浏览器内核问题，所以添加-webkit-padding-start:0px;解决问题。
ul{
width:127px;
background-color:#F0FFFF;
list-style:none;
margin：0px;
padding：0px;
-webkit-padding-start:0px;
}
2.相对定位和绝对定位问题
在一个组件中，比如一个input框的变化可能会影响另一个input的布局，这时利用divd的相对定位和绝对定位解决布局问题，
父DIV设置为相对定位，子DIV设置为绝对定位。
父级的相对定位：是要把子DIV的绝对定位的起点以父DIV左上角为起点，如果没有就默认屏幕左上角了。
子DIV的绝对定位：是无视父DIV下别的元素。
3.覆盖问题
下拉框显示时，涉及到可能会覆盖下面的输入框，这时用z-index：1；解决，默认z-index:0;数字越高，优先级越高，也就是离用户越近， 注意：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！
二.粗心问题
1.*ngFor位置错误
开始是这样写的
<
ul *
ngFor=
"let item of collection" (
mouseover)=
'mouseover()' (
mouseout)=
'mouseout()'
>
<
li (
click)=
"selected($event)"
>{{item}}
</
li
>
</
ul
>
结果这样显示的：（每个li间都有空行，怎么去都去不掉，原来是自己的）
其实正确写法应该这样的：
<
ul (
mouseover)=
'mouseover()' (
mouseout)=
'mouseout()'
>
<
li *
ngFor=
"let item of collection" (
click)=
"selected($event)"
>{{item}}
</
li
>
</
ul
>
显示正常了：
三.技术问题
1.省市区三级联动显示（读取json文件）（怎么触发显示下拉框和隐藏下拉框，配合mouseover，mouseout）
Http服务读取json文件时可能遇到的坑，参考这个文章：https://www.cnblogs.com/lillian0525/p/7344600.html
2.input输入框可以显示输入历史记录
3.angular2组件接口的定义