NG Set & Get

SeriousLose

于 2022-04-05 00:51:25 发布

阅读量291

点赞数 1

分类专栏： TypeScript Angular 文章标签： javascript 前端 angular

本文链接：https://blog.csdn.net/SeriousLose/article/details/123963650

版权

TypeScript 同时被 2 个专栏收录

37 篇文章 3 订阅

订阅专栏

Angular

27 篇文章 1 订阅

订阅专栏

这篇博客介绍了如何在 Angular 组件中使用 `@Input` 装饰器进行数据绑定和监听。通过设置 `set` 和 `get` 方法，可以实现对组件属性 `userId` 的值进行接收和修改的监听。示例展示了如何将父组件的 `userId` 值传递给子组件 `app-user-list`，并利用 `setuserId` 方法更新内部的 `_userId` 属性。

摘要由CSDN通过智能技术生成

Set & Get

组件传值，监听数据修改；

// 组件接收一个userId值
<app-user-list [userId]="userId"></app-user-list>

export class UserListComponent {
  // ...
  @Input() userId: number;
  // ...
}

export class UserListComponent {
  private _userId: number;

  @Input()
  set userId(userId: number) {
    this._userId= userId;
  }

  get userId(): number{ return this._userId; }
}