账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Angular4.0 事件绑定基础问题 $event
    38
    0

    <md-slide-toggle (change)="onChange($event.checked)">切换</md-slide-toggle> ,事件绑定。$event是一个 DOM Event 对象,

    其中,$event.checked 是如何产生 boolean 值的?

    Template 片断:

      <md-slide-toggle (change)="onChange($event.checked)">切换</md-slide-toggle>

    TS 片断:

     @Output() toggleDarkTheme = new EventEmitter<boolean>();
    
     onChange(checked: boolean) {
        this.toggleDarkTheme.emit(checked);
      }

    哦,竟然没有回答,是我没说明白吗

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 在Angular4.0中,事件绑定主要是通过指令(指令是一种特殊的元素,它可以包含JavaScript代码)和属性(属性是HTML元素的一部分,它定义了元素的样式和行为)来实现的。

      以下是一个简单的例子,展示如何在Angular4.0中使用指令和属性来绑定事件:

      ```typescript import { Component } from '@angular/core';

      @Component({ selector: 'app-event', template: <button (click)="onClick()">Click me</button> }) export class EventComponent { onClick() { console.log('Button clicked!'); } } ```

      在这个例子中,我们首先导入了Component类。然后,我们定义了一个名为EventComponent的组件,它继承自Component类。在这个组件中,我们使用了指令<app-event>,这个指令的模板定义了一个按钮,并且在模板中定义了一个函数onClick(),这个函数会在点击按钮时被调用。

      最后,我们在组件的模板中使用了{{ event }}语法,这个语法会显示我们在onClick()函数中定义的变量。在这个例子中,我们显示了一个按钮,当点击这个按钮时,会打印出"Button clicked!"。

      这就是在Angular4.0中如何使用指令和属性来绑定事件的基本方法。你可以根据你的需要,使用不同的指令和属性来绑定不同的事件。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部