• #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)

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

  • 相关阅读:
    python不同包之间调用时提示文件模块不存在的问题
    adb shell 查看内存信息
    adb shell top 使用
    Android读取logcat信息
    父类的引用对象指向子类的对象
    我的阿里梦——淘宝前端必备技能
    我也做了一个1/4圆形菜单
    可编辑tab选项卡
    canvas 之
    canvas之----浮动小球
  • 原文地址:https://www.cnblogs.com/have-a-try/p/12821615.html
Copyright © 2020-2023  润新知