何时在Angular2打字稿中创建构造函数?

萨尔维什·亚达夫(Sarvesh yadav)

这是Angular 2文档中的一些示例构造函数

export class AppComponent implements OnInit {
    title = 'Tour of heroes';
    heroes: Hero[];
    selectedHero: Hero;

    constructor(private heroService: HeroService) { }

    getHeroes() {
        this.HeroService.getHeroes().then(heroes => this.heroes = heroes);
    }
}

和...

class Car {
    constructor(engine, tires, doors){
        this.engine = engine;
        this.tires = tires;
        this.doors = doors;
    }
}

我不明白为什么以及何时创建一个constructor()angular 2 / typescript(我已经阅读了官方文档,其中他们为Dependency Injection和Services创建了一个构造函数)。

蒂埃里圣堂武士

构造函数定义实例化对象时要提供的参数。在TypeScript中,您还可以添加修饰符,例如private或,public以同时定义类属性,并使用提供的属性设置它们的值。

例如:

class Car {
  constructor(private engine:string, private tires:string, private doors:number){
  }
}

类似于:

class Car {
  constructor(engine:string, tires:string, doors:number){
    this.engine = engine;
    this.tires = tires;
    this.doors = doors;
  }
}

在Angular2中,构造函数用于依赖项注入。关联的修饰符(@ComponentInjectable)收集元数据(内的类型或提示@Inject)以确定要提供给实例化的对象的内容。

请注意,构造函数不是组件生命周期的一部分。稍后可以在此级别上由Angular2设置属性...

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

angular 2打字稿中的成员属性和构造函数的语法

来自分类Dev

Angular2打字稿拖放功能

来自分类Dev

Angular 2打字稿调用JavaScript函数

来自分类Dev

Angular 2打字稿调用JavaScript函数

来自分类Dev

Angular 2打字稿@injectable

来自分类Dev

什么是angular2打字稿和angular2 ecma脚本

来自分类Dev

如何在Angular2 RC5打字稿中调用共享指令的方法?

来自分类Dev

在angular2打字稿方法中指定返回类型

来自分类Dev

扩展http类并访问自定义属性(Angular2打字稿)

来自分类Dev

设置angular2打字稿环境时遇到问题

来自分类Dev

扩展http类并访问自定义属性(Angular2打字稿)

来自分类Dev

webpack会将Angular2打字稿编译为javascript吗?

来自分类Dev

Angular 2打字稿:TypeError:this.validator不是一个函数

来自分类Dev

组件未渲染Angular 2打字稿

来自分类Dev

Angular 2打字稿中@Inject和@Injectable有什么区别

来自分类Dev

如何在angular 7打字稿中合并2个数组

来自分类Dev

在angular2打字稿应用程序中使用聚合物纸对话

来自分类Dev

在另一个导航组件中使用Angular2打字稿组件

来自分类Dev

angular2打字稿未编译,但在运行时有效

来自分类Dev

在angular2打字稿应用程序中使用聚合物纸对话

来自分类Dev

打字稿中的关键字构造函数?

来自分类Dev

在Pharo或Smalltalk中创建构造函数

来自分类Dev

带有Angular 2打字稿的Visual Studio代码中的重复标识符错误

来自分类Dev

如何将小叶路由机包含到angular 2打字稿webpack应用程序中

来自分类Dev

带有Angular 2打字稿的Visual Studio代码中的重复标识符错误

来自分类Dev

angular2 打字稿 $.cookie() 不是函数

来自分类Dev

如何在JavaScript中创建构造函数以创建构造函数?

来自分类Dev

解析器错误:表达式的意外结尾:{{value?}} | Angular 2打字稿

来自分类Dev

angular 2打字稿不能在环境上下文中声明实现

Related 相关文章

  1. 1

    angular 2打字稿中的成员属性和构造函数的语法

  2. 2

    Angular2打字稿拖放功能

  3. 3

    Angular 2打字稿调用JavaScript函数

  4. 4

    Angular 2打字稿调用JavaScript函数

  5. 5

    Angular 2打字稿@injectable

  6. 6

    什么是angular2打字稿和angular2 ecma脚本

  7. 7

    如何在Angular2 RC5打字稿中调用共享指令的方法?

  8. 8

    在angular2打字稿方法中指定返回类型

  9. 9

    扩展http类并访问自定义属性(Angular2打字稿)

  10. 10

    设置angular2打字稿环境时遇到问题

  11. 11

    扩展http类并访问自定义属性(Angular2打字稿)

  12. 12

    webpack会将Angular2打字稿编译为javascript吗?

  13. 13

    Angular 2打字稿:TypeError:this.validator不是一个函数

  14. 14

    组件未渲染Angular 2打字稿

  15. 15

    Angular 2打字稿中@Inject和@Injectable有什么区别

  16. 16

    如何在angular 7打字稿中合并2个数组

  17. 17

    在angular2打字稿应用程序中使用聚合物纸对话

  18. 18

    在另一个导航组件中使用Angular2打字稿组件

  19. 19

    angular2打字稿未编译,但在运行时有效

  20. 20

    在angular2打字稿应用程序中使用聚合物纸对话

  21. 21

    打字稿中的关键字构造函数?

  22. 22

    在Pharo或Smalltalk中创建构造函数

  23. 23

    带有Angular 2打字稿的Visual Studio代码中的重复标识符错误

  24. 24

    如何将小叶路由机包含到angular 2打字稿webpack应用程序中

  25. 25

    带有Angular 2打字稿的Visual Studio代码中的重复标识符错误

  26. 26

    angular2 打字稿 $.cookie() 不是函数

  27. 27

    如何在JavaScript中创建构造函数以创建构造函数?

  28. 28

    解析器错误:表达式的意外结尾:{{value?}} | Angular 2打字稿

  29. 29

    angular 2打字稿不能在环境上下文中声明实现

热门标签

归档