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高兴的一切。我们说会的   要聪明！

Angular2 - Keyup需要澄清

1 个答案: