最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

而使用了 ?NgForm ?之后，?itemForm ?就是對 ?NgForm ?指令的引用，可以用它來跟蹤表單中每一個控件的值和有效性。

與原生的 ?? 元素不同， ?NgForm ?指令有一個 ?form ?屬性。如果 ?itemForm.form.valid? 無效，那么 ?NgForm ?的 ?form ?屬性就會讓你禁用提交按鈕。

模板變量的作用域

可以在包含此模板變量的模板中的任何地方引用它。而 結構型指令（如 ?*ngIf? 和 ?*ngFor? 或 ?? 同樣充當了模板的邊界。你不能在這些邊界之外訪問其中的模板變量。

同名變量在模板中只能定義一次，這樣運行時它的值就是可預測的。

在嵌套模板中訪問

內部模板可以訪問外模板定義的模板變量。

在下面的例子中，修改 ?? 中的文本值也會改變 ?? 中的值，因為 Angular 會立即通過模板變量 ?ref1 ?來更新這種變化。

Value: {{ ref1.value }}

在這種情況下，有一個包含這個 ?? 的隱式 ??，而該變量的定義在該隱式模板之外。訪問父模板中的模板變量是可行的，因為子模板會從父模板繼承上下文。

我們用更啰嗦的形式重寫上述的代碼，可以明確地顯示出 ??。

  
  Value: {{ ref1.value }}

但是，從外部的父模板訪問本模板中的變量是行不通的。

Value: {{ ref2?.value }} 

這個更啰嗦的形式表明 ?ref2 ?位于外部的父模板中。

  
  


Value: {{ ref2?.value }}

考慮下面這個帶 ?*ngFor? 的使用范例。

  

{{ ref.value }}

這里，?ref.value? 不起作用。結構型指令 ?*ngFor? 將模板實例化了兩次，因為 ?*ngFor? 在對數(shù)組中的兩個條目進行迭代。因此不可能定義出 ?ref.value? 指向的是誰。

對于結構型指令，比如 ?*ngFor? 或 ?*ngIf? ，Angular 也無法知道模板是否曾被實例化過。

結果，Angular 無法訪問該值并返回錯誤。

訪問  的模板變量

在 ?? 上聲明變量時，該變量會引用一個 ?TemplateRef ?實例來表示該模板。

Log type of #ref

在這個例子中，單擊該按鈕會調用 ?log()? 函數(shù)，它把 ?#ref3? 的值輸出到控制臺。因為 ?#ref ?變量在 ?? 上，所以它的值是一個 ?TemplateRef?。

下面是一個名為 ?TemplateRef ?的 ?TemplateRef()? 函數(shù)在瀏覽器控制臺中展開時的輸出。

▼ ? TemplateRef()
name: "TemplateRef"
__proto__: Function

模板輸入變量

模板輸入變量是可以在模板的單個實例中引用的變量。你可以用 ?let ?關鍵字聲明模板輸入變量，比如 ?let hero?。

在這個例子中，有幾個這樣的變量：?hero?、?i? 和 ?odd?。

  
{{i}}:{{hero.name}}

此變量的范圍僅限于可復寫模板中的單個實例?？梢栽谄渌Y構型指令的定義中再次使用相同的變量名。

相反，你可以通過在變量名稱前加上 ?#? 來聲明模板變量，如 ?#var?。模板變量引用其附加的元素、組件或指令。

模板輸入變量和模板變量名稱具有各自的名稱空間。?let hero? 中的模板輸入變量 ?hero ?和 ?#hero? 中的模板變量 ?hero ?是不同的。