Question

我正在创建一些组件以学习Angular2。

我有这个基本的HTML：

<h1>test</h1>
<btn [order]="0"></btn>
<btn [order]="1"></btn>
<btn [order]="2"></btn>

在ts我有这个：

import {Component, Input} from 'angular2/core';
import {DataService} from '../services/DataService';

@Component({
    selector: 'btn',
    template: '<button>test{{ item }}</button>',
    inputs: ['order']
})

export class ButtonComponent {
    items: Array<number>;
    item: number;
    @Input() order;

    constructor(dataService: DataService) {
        console.log(this.order)
    }
}

这样做我得到了不确定，我做错了什么？如何读取输入（或属性）以便将数据发送到类？

修改

import {Component, Input} from 'angular2/core';
import {DataService} from '../services/DataService';

@Component({
    selector: 'btn',
    template: '<button>test{{ item }}</button>',
    inputs: ['order']
})

export class ButtonComponent {
    items: Array<number>;
    item: number;
    @Input() order;

    ngOnInit(dataService: DataService) {
        this.items = dataService.getItems();
        console.log(this.order)
    }

    constructor() {}
}

Answer 1

您无法在构造函数中访问它们，它们尚未初始化。请改用make_version=$(make --version 2>&1 | awk '/Make/ {print $NF}')。有关详细信息，请参阅https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html

ngOnInit()

在构造函数中访问Angular 2输入（属性）

1 个答案: