小编wir*_*mer的帖子

Angular2模板参考变量和动态更新

我最初试图在 Angular2 中设置一个模板引用变量,这样我就可以反转表的排序顺序,而不必进行绑定,但当我单击复选框时,我没有得到界面的动态更新。我创建了一个简单的 plunker,以防应用程序中的其他内容可能会扰乱代码,并且我看不到正在动态更新的引用的插值。我将其设置为文本框,以查看该值是否会在我键入时发生变化。貌似没有更新啊

我的设置中是否缺少某些内容来使其正常工作?或者我是否试图以它们不是为使用而创建的方式来使用引用变量?

http://plnkr.co/edit/BK4MzU8KTvEyXDxTNHSR?p=preview

import {Component} from '@angular/core'

@Component({
  selector: 'my-app',
  providers: [],
  template: `
    <div>
      <h2>Hello {{name}}</h2> 
       <input #myInput type="text" value="yeh" /> The INPUT value is "{{myInput.value}}"
    </div>
  `,
  directives: []
})
export class App {
  constructor() {
    this.name = 'Angular2 (Release Candidate!)'
  }
}
Run Code Online (Sandbox Code Playgroud)

angular

3
推荐指数
1
解决办法
5355
查看次数

标签 统计

angular ×1