Angular 4:在其组件中使用特征模块的方法

时间:2017-09-08 09:29:49

标签: javascript angular typescript

我现在正在考虑为User创建功能模块,该模块包含以下组件:

  1. 授权;
  2. 注册;
  3. 简档;
  4. 恢复口令。
  5. 我想创建像:

    这样的方法
    1. 的createUser();
    2. deleteUser();
    3. updateUserProfile()。

      在UserModule中,然后在上面列出的组件中使用它。

    4. 如何在registrationComponent和ect中使用UserModule的方法。 ?

1 个答案:

答案 0 :(得分:1)

如果要在多个组件中使用某些方法,则可以构建所谓的服务。它是一个带有@Injectable()装饰器的打字稿类:

import { Injectable } from '@angular/core';

@Injectable()
export class UserService {
  createUser(user) {
    // reach out to backend via http
  }

  // some other functions that have to be shared and used by components
}

此服务可以这样注入:

import { UserService } from 'services/user.service.ts'

@Component({
  selector: 'user-create'
})
export class CreateUserComponent {
  constructor(private userService: UserService) {}

  createUser(user) {
    this.userService.createUser(user); // now you can call your method from the service like this
  }
}