<form class="ui large form segment">
<h3 class="ui header">Add a Link</h3>
<div class="field">
<label for="title">Title:</label>
<input name="title" #newtitle>
</div>
<div class="field">
<label for="link">Link:</label>
<input name="link" #newlink>
</div>
<button (click)="addArticle(newtitle,newlink)" class="ui positive right floated button">Submit link</button>
</form>
这段标记告诉Angular把这个<input>绑定到变量newtitle上。#newtitle语法被称作一个解析（resolve），其效果是让变量newtitle可用于该视图的所有表达式中。
addArticle(title:HTMLInputElement,link:HTMLInputElement): boolean {
console.log(`Adding article title:${title.value} and link:${link.value}`);
return false;
}
input类型都可以用HTMLInputElement 来解析，将整个DOM元素赋值给newtitle，用以${title.value}相当于DOM.value
${title.value}这个语法需要再调查
#newtitle语法被称作一个解析（resolve）=======HTMLInputElement
原文：https://www.cnblogs.com/have-a-try/p/12821615.html