#newtitle语法被称作一个解析（resolve）=======HTMLInputElement

时间：2020-05-03 14:28:08 收藏：0 阅读：57

<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}这个语法需要再调查

原文：https://www.cnblogs.com/have-a-try/p/12821615.html