【问题标题】:two way data binding in angular 2角度2中的两种方式数据绑定
【发布时间】:2017-02-17 12:22:48
【问题描述】:

我最近对 ​​Angular 2 很安静,并且在两种方式数据绑定上碰到了我的头。这是混乱:

  <input  (input)="username = $event.target.value" id="testing">
  <p>{{username}}</p>

这很好地达到了目的。它似乎已经是两种方式的数据绑定。我可以访问组件内的用户名,并且输入元素的 value 属性也会更新。那我为什么还需要 [ ] 呢?这里的双向绑定是什么?什么在组件内部,什么从组件出来。

免责声明:我知道这是一个非常幼稚且看似愚蠢的问题:|

【问题讨论】:

    标签: javascript angular


    【解决方案1】:

    据我所知,像你一样写:

    (input)="username = $event.target.value" 
    

    等同于:

      [(input)]="username"
    

    所以它们都是双向数据绑定

    如果你只想要一种方式:

    (input)="username"
    
    
    https://angular.io/docs/ts/latest/guide/template-syntax.html
    

    【讨论】:

      【解决方案2】:

      Angular 2 数据绑定解释here

      当您在输入中写入时执行:“username = $event.target.value”,它将您输入的值分配给变量 user。

      这意味着下面的html做同样的事情:

      • [(ngModel)]="username"
      • [username]="username" (input)="updateUserName()"
      • (input)="username = $event.target.value"{{userName}}

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2015-09-09
        • 2018-04-14
        • 2018-10-03
        • 2021-07-03
        • 2023-03-06
        • 1970-01-01
        • 1970-01-01
        • 2016-02-27
        相关资源
        最近更新 更多