输入标签里面＃的含义是什么？

Question

我正在阅读使用<input type='text' #hobby>的angular2文章。在#hobby的帮助下，他们正在提取在文本框中输入的值，而不是取ngModal。我不认为#hobby意味着。

Answer 1

内部输入中的

# 表示您正在处理局部变量。 它是一种在HTML中定义局部变量的Angular2方法。 # 将在幕后工作，并使用相关值更新您的变量。

<input type='text' #hobby>

此处 hobby 指的是一个局部变量，因为它是用 # 符号定义的。如果您在文本框中输入内容， hobby 变量将立即更新，您可以通过 something.value 语法访问更新后的值，以便 { {1}} 会为您提供更新的价值。

Answer 2

尝试将此添加到您的模板（html）：

<button (click)="clicked(hobby)">Click</button>

这将添加到您的组件类：

clicked(a) {
  console.log(a);
}

你会看到这意味着什么。

Answer 3

请参阅Template Syntax > Referencing a template reference variable。

  

“[hobby]”的哈希（＃）前缀意味着我们正在定义一个[业余爱好]变量。

与使用try { element.click(); } catch (WebDriverException e) { clickJS(element); } 属性相同，并允许您访问变量的内容，例如在点击处理程序中。

ref-hobby