建站
咨詢
售后
建站咨詢
新聞中心
模板語句
模板語句是可在 HTML 中用于響應用戶事件的方法或屬性。使用模板語句，你的應用可以通過諸如顯示動態(tài)內容或提交表單之類的動作吸引用戶。
創(chuàng)新互聯是一家專業(yè)提供宿松企業(yè)網站建設,專注與成都做網站、成都網站設計、H5高端網站建設、小程序制作等業(yè)務。10年已為宿松眾多企業(yè)、政府機構等服務。創(chuàng)新互聯專業(yè)網站建設公司優(yōu)惠進行中。
關于本指南中的語法和代碼段的信息，請參閱Template syntax / 下載范例。
在以下示例中，模板語句 ?deleteHero()? 出現在 ?=? 號右側的引號中，?(event)="statement"? 。
當用戶單擊 Delete hero 按鈕時，Angular 就會調用組件類中 ?deleteHero()? 方法。
可以將模板語句與元素、組件或指令一起使用以響應事件。
響應事件是 Angular 單向數據流的一個方面。你可以在單個事件循環(huán)中更改應用程序中的任何內容。
語法
與模板表達式一樣，模板語句使用類似于 JavaScript 的語言。但是，模板語句的解析器與模板表達式的解析器有所不同。此外，模板語句解析器特別支持基本賦值 ?=? 和帶有分號 ?;? 的串聯表達式。
不允許使用以下 JavaScript 和模板表達式語法：
- ?
new? - 遞增和遞減運算符 ?
++? 和 ?--? - 賦值運算符，例如 ?
+=? 和 ?-=? - 按位運算符，例如 ?
|? 和 ?&? - 管道操作符
語句的上下文
語句具有上下文 - 也就是語句所屬應用中的特定部分。
語句只能引用語句上下文中的內容，通常是組件實例。例如，?(click)="deleteHero()"? 中的 ?deleteHero()? 就是下面代碼段中的組件方法之一。
語句上下文還可以引用模板自身的上下文屬性。在下面的示例中，組件的事件處理方法 ?onSave()? 將模板自己的 ?$event? 對象用作參數。在接下來的兩行中， ?deleteHero()? 方法接收了模板輸入變量 ?hero ?作為參數，而 ?onSubmit()? 接收了模板引用變量 ?#heroForm? 作為參數。
在這個例子中， ?$event? 對象、?hero ?和 ?#heroForm? 的上下文都是其模板。
模板上下文中的名稱優(yōu)先于組件上下文中的名稱。前面 ?deleteHero(hero)? 中的 ?hero ?是模板輸入變量，而不是組件的 ?hero ?屬性。
模板語句最佳實踐
- 簡明
使用方法調用或基本屬性賦值，來讓模板語句保持最小化。
- 在上下文中工作
模板語句的上下文可以是組件類實例或模板。因此，模板語句無法引用全局名稱空間中的任何內容，例如 ?window ?或 ?document?。例如，模板語句不能調用 ?console.log()? 或 ?Math.max()? 。
分享標題：創(chuàng)新互聯Angular教程：Angular模板語句
本文路徑：http://www.dlmjj.cn/article/djddggo.html
