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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    angular中$event有什么作用? 如何实现双向绑定?
    53
    0
    这是官方的案例这是我的代码app.component.html 部分代码<div class="child"> <h2>演示双向绑定</h2> <input type="text" [value]="currentItem.name" (input)="currentItem.name=$event.target.value"> 结果 : <span>{{currentItem.name}}</span></div>app.component.ts 部分代码export class AppComponent { constructor() { } title = 'my-app'; currentItem = { name: 'teapot'} ;}我没有直接把官方的全部代码复制过来, 只是复制模板代码, 在ts文件里定义一个currentItem这是控制台报错提示这是实际运行结果问题出在模板代码的$event.target.value不理解这句话是什么意思, 如果我想使用这句话, 是不是还需要配置什么才能用?
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 运动的胖子 普通会员 1楼

      在Angular中,$event是一个可选的参数,它在ngAfterViewInitngAfterViewInitChild钩子中被调用。这个方法主要用于处理组件挂载后的事件。

      双向绑定是指当两个元素或组件之间有依赖关系时,当一个元素(或组件)发生变化时,所有依赖关系的元素(或组件)都会相应地更新。在Angular中,我们可以使用双向绑定来实现组件的动态更新。

      以下是一个简单的双向绑定的例子:

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

      @Component({ selector: 'app-root', template: <div> <p>Value of 'first' is: {{ first }}</p> <p>Value of 'second' is: {{ second }}</p> </div>, styleUrls: ['./app.component.css'] }) export class AppComponent { first = 10; second = 20;

      ngAfterViewInit() { console.log('Component is ready.'); }

      ngAfterViewInitChild() { console.log('Component is ready in child component.'); } } ```

      在这个例子中,我们首先在ngAfterViewInit方法中打印一条消息,然后在ngAfterViewInitChild方法中打印一条消息。这样,当组件挂载后,我们就可以看到它们的值是如何更新的。

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