Angular 2 --alpha 37如何在构造函数中获取属性?

沙塔士

这是我的组件,它的属性是type

   @Component({
    selector: 'canvasContainer',
    properties: ['type']
    })
    @View({
    templateUrl: "components/canvas/canvas.html",
    directives: [Bar, CORE_DIRECTIVES],
    styleUrls: ['app.css']
    })
   export class Canvas 
    {
    constructor() {    }
    }

这是我的html页面:

<bar type="pie"></bar>

我想像这样在我的构造函数中获取类型pie:

@Component({
        selector: 'canvasContainer',
        properties: ['type']
        })
        @View({
        templateUrl: "components/canvas/canvas.html",
        directives: [Bar, CORE_DIRECTIVES],
        styleUrls: ['app.css']
        })
       export class Canvas 
        {
        constructor() { alert(type);   }//this alert is not working
        }
帕迪普·ja那

使用“ @attribute”在构造函数中获取您的值。

  1. import {Component, View,CORE_DIRECTIVES,Attribute} from 'angular2/angular2';

2.使用以下代码替换您的构造函数。

 constructor(@Attribute('type') type:string) { alert(type);   }

完毕。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular2 Alpha 44中的属性

来自分类Dev

在构造函数angular 2中声明属性

来自分类Dev

在构造函数angular 2中声明属性

来自分类Dev

Angular 2 alpha 22,如何通过属性将值传递给组件?

来自分类Dev

Angular 2 alpha 22,如何通过属性将值传递给组件?

来自分类Dev

angular2 alpha.37的重大更改会影响jspm.io和页面加载

来自分类Dev

“ Angular 2.0 for TypeScript”(alpha)动画如何工作?

来自分类Dev

如何从angular2的setInterval访问构造函数属性

来自分类Dev

Angular 2 Material 2 Slide Toggle似乎无法在Alpha 7中工作错误:找不到名称“ HammerInput”

来自分类Dev

在构造函数中访问Angular 2输入(属性)

来自分类Dev

如何在Angular 2构造函数中分配订阅数据?

来自分类Dev

如何在ggplot2中添加alpha色标

来自分类Dev

消费者如何在Angular 2中提供组件构造函数参数?

来自分类Dev

CanvasRenderingContext2D 中的 alpha 属性是什么?

来自分类Dev

如何使用 alpha_2 和 alpha_3 编码的混合从 python 中的国家缩写中获取国家名称

来自分类Dev

@ angular / router 3.0.0-alpha.3:如何迁移OnActivate

来自分类Dev

如何使用新的NavigationStart @ angular-router 3.0.0-alpha。*

来自分类Dev

关于 AngularDart,如何解决 angular_router: ^2.0.0-alpha 与 angular 5.0.0-alpha 不兼容?

来自分类Dev

如何使用Composer在Windows中安装Yii2 Alpha

来自分类Dev

如何在函数级别获取 JSON 并在 Angular2 中的 HTML 页面上显示

来自分类Dev

如何从Angular2的主要组件中获取组件属性?

来自分类Dev

如何从Angular2的主要组件中获取组件属性?

来自分类Dev

如何获取angular 2中元素的属性值?

来自分类Dev

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

来自分类Dev

angular2 rc3路由器alpha 3.0.0.7默认路由

来自分类Dev

安装引导程序 4.0.0alpha popper.js 后的 angular2 问题

来自分类Dev

Angular2将属性传递给类构造函数

来自分类Dev

geom_point {ggplot2}中的alpha值

来自分类Dev

如何在Angular 2中遍历Object属性

Related 相关文章

  1. 1

    Angular2 Alpha 44中的属性

  2. 2

    在构造函数angular 2中声明属性

  3. 3

    在构造函数angular 2中声明属性

  4. 4

    Angular 2 alpha 22,如何通过属性将值传递给组件?

  5. 5

    Angular 2 alpha 22,如何通过属性将值传递给组件?

  6. 6

    angular2 alpha.37的重大更改会影响jspm.io和页面加载

  7. 7

    “ Angular 2.0 for TypeScript”(alpha)动画如何工作?

  8. 8

    如何从angular2的setInterval访问构造函数属性

  9. 9

    Angular 2 Material 2 Slide Toggle似乎无法在Alpha 7中工作错误:找不到名称“ HammerInput”

  10. 10

    在构造函数中访问Angular 2输入(属性)

  11. 11

    如何在Angular 2构造函数中分配订阅数据?

  12. 12

    如何在ggplot2中添加alpha色标

  13. 13

    消费者如何在Angular 2中提供组件构造函数参数?

  14. 14

    CanvasRenderingContext2D 中的 alpha 属性是什么?

  15. 15

    如何使用 alpha_2 和 alpha_3 编码的混合从 python 中的国家缩写中获取国家名称

  16. 16

    @ angular / router 3.0.0-alpha.3:如何迁移OnActivate

  17. 17

    如何使用新的NavigationStart @ angular-router 3.0.0-alpha。*

  18. 18

    关于 AngularDart,如何解决 angular_router: ^2.0.0-alpha 与 angular 5.0.0-alpha 不兼容?

  19. 19

    如何使用Composer在Windows中安装Yii2 Alpha

  20. 20

    如何在函数级别获取 JSON 并在 Angular2 中的 HTML 页面上显示

  21. 21

    如何从Angular2的主要组件中获取组件属性?

  22. 22

    如何从Angular2的主要组件中获取组件属性?

  23. 23

    如何获取angular 2中元素的属性值?

  24. 24

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

  25. 25

    angular2 rc3路由器alpha 3.0.0.7默认路由

  26. 26

    安装引导程序 4.0.0alpha popper.js 后的 angular2 问题

  27. 27

    Angular2将属性传递给类构造函数

  28. 28

    geom_point {ggplot2}中的alpha值

  29. 29

    如何在Angular 2中遍历Object属性

热门标签

归档