1. //{{js表达式}}
    2. //[xx] = "js表达式"
    3. <p>Message: {{ msg }}</p>
    4. <p [innerHTML]="msg"></p>
    1. <!-- 写法一 -->
    2. <img src="{{ heroImageUrl }}">
    3. <!-- 写法二,推荐 -->
    4. <img [src]="heroImageUrl">
    5. <!-- 写法三 -->
    6. <img bind-src="heroImageUrl">

    在布尔特性的情况下,它们的存在即暗示为 true,属性绑定工作起来略有不同,在这个例子中:

    1. <button [disabled]="isButtonDisabled">Button</button>

    如果 isButtonDisabled 的值是 null、undefined 或 false,则 disabled 特性甚至不会被包含在渲染出来的