1. 说明
Angular2的模板用来显示组件外观，作为视图所用，用法和html语法基本一致，最简单的Angular2的模板就是一段HTML代码。Angular模板语法主要包括以下几个部分：
l 直接绑定
l 插值表达
l 属性绑定
l 事件绑定
l 双向绑定
l 样式绑定
l 模板和 *
l 局部变量
首先来看一个模板例子，如下所示：
1.1 直接绑定
将字符串直接绑定在对应的属性上，例如将字符串 form 绑定到title属性上
1.2 插值表达
插值表达采用{{}}的方式来表示，将组件中对应的表达式的值绑定到模板中进行显示，例如如下，将msg表达式的值在组件中显示
1.3 属性绑定
属性绑定采用[]的方式来表示，将表达式的值绑定在对应的属性上，例如，将组件中name表达式得值绑定到属性placeholder 中
当属性绑定的元素中存在对应的属性的时候可以直接采用[xx]进行绑定，但是，当元素上不存在对应的属性的时候，必须采用[attr.xxx]这样atrr在加上一个点的方式来绑定对应的属性信息。
样式绑定主要包括两个方便，内联样式style及外部样式class绑定。
1.4.1 Style绑定
style绑定在语法上类似于属性绑定。但方括号中的部分不是一个元素的属性名，而是包括一个 style 前缀，紧跟着一个点 (.) ，再跟着 CSS 样式的属性名。表示在指定的元素上使用该属性，形如： [style.style-perporty]。例如
