zoukankan      html  css  js  c++  java
  • #newtitle语法被称作一个解析(resolve)=======HTMLInputElement

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

    2.6.2有解释,ES6新特性模版字符串。

    字符串中的变量
    这种特性也叫字符串插值(string interpolation)

    可以在字符串中设置变量,域内的变量都能直接识别。

  • 相关阅读:
    mysql查看执行sql语句的记录日志
    Java 装箱和拆箱
    Oracle导入的常见语句
    static与非static的区别
    nginx 常用命令
    linux sed 替换文件中的字符串
    linux 创建文件并写好内容
    Xshell连接docker centos 7
    按任意键开始、结束
    低配docker命令
  • 原文地址:https://www.cnblogs.com/have-a-try/p/12821615.html
Copyright © 2011-2022 走看看