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)

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

  • 相关阅读:
    神武
    position 属性
    C# 工作区和窗口的属性名
    魔兽世界命令行
    Dota2一直 正在登录服务器的解决办法
    dota2交换物品
    Servlet的5种方式实现表单提交(注册小功能)
    JQuery的ajaxFileUpload的使用
    JS日期转换
    Tomcat7后台通过get接收数据处理乱码
  • 原文地址:https://www.cnblogs.com/have-a-try/p/12821615.html
Copyright © 2011-2022 走看看