Angular2 - Keyup 需要澄清

Question

在我的应用程序中，有条件地我正在添加一个类。当用户输入内容时，我正在检查值，因此我正在添加类名。它工作正常。

但它只在(keyup)='0' 的集合上更新 - 在keyup 上设置一些值。这不像angular 1 这里。

所以有人解释一下为什么我们在这里设置(keyup)=0？它对我们有什么作用？

这是我的代码：

import {Component} from "angular2/core"

@Component({

    selector : 'my-component',

    template : `
                <h2>My Name is: {{name}} 
                    <span [class.is-awesome]="formReplay.value === 'yes' ">So good</span>
                </h2>
                <input type="text" #formReplay (keyup)="0" />
                `,

    styles  : [`

        .is-awesome{
            color:green;
        }

    `]

})

export class MyComponent { 
    name = "My Name";   
}

Answer 1

Offical docs

@Component({
  selector: 'loop-back',
  template:`
    <input #box (keyup)="0">
    <p>{{box.value}}</p>
  `
})
export class LoopbackComponent { }

在官方文档中查找。

除非我们绑定到一个事件，否则这根本不起作用。

如果我们这样做，Angular 只会更新绑定（因此也会更新屏幕） 响应异步事件，例如击键。

这就是为什么我们将 keyup 事件绑定到一个声明......好吧， 没有。我们绑定到数字 0，这是我们能做到的最短语句 考虑到。这就是让 Angular 满意的全部内容。我们说会 聪明点！