3数据绑定

1）在component.ts的OnInit里声明变量，在component.html里通过{{}}使用
比如在head组件里定义数据，在head.component.ts文件的OnInit方法里定义：

i="我是数据";	//不用写var

然后在head.component.html里使用即可{{i}}
2）在component.html里通过标签属性title使用静态数据

<div title="提示信息">鼠标放上来试试</div>	

3）在component.html里通过标签属性title使用动态属性，比如使用变量msg
后台数据：

	msg = "我是动态属性";

前台：

<div [title]="msg">title绑定动态属性</div>	//注意是[title]

4）绑定html
后台数据

	msg1="<h2>通过[innerHtml]绑定h2</h2>"

前台：

<div [innerHtml]="msg1"></div>

5）支持简单的运算

	Hello+ Angular={{"Hello"+" Angular"}}

6）使用图片之类的，先在assets下新建一个images文件夹，然后把图片拷贝到images下，vs会自动加载，然后img的src路径
只用assets/images/01.png就行了

	<img src="assets/images/01.png" width="100" height="80" title="鼠标放上来的提示信息"/>

上面是本地图片，那么远程图片呢？先在要引用的图片上右击，复制图片地址，然后定义一个变量url保存地址
后台数据：

url = "http://img0.bdstatic.com/static/searchresult/img/logo-2X_32a8193.png"

前台：

	<img [src]="url" title="百度"/>