Angular2组件与纯Javascript的单向绑定

Question

我当时正在用预期的打字语言构建一个angular2应用程序，而且我在第三方打字方面遇到了很多问题，而且我正在努力处理这些打字稿问题。因此，我大胆地决定在纯javascript中尝试一下。疯了哈？因为在网上找不到帮助。

但是每件事都很好，只有一个例外，我不能用一种方式绑定到控件上。我使用的是一个ES7转换程序，所以有些注释甚至可以工作！因此，最终它看起来非常类似于类型记录(当然，除了打字)。

app组件html片段

<results [results]="results"></results>

ResultsComponent

@Component({
    selector: 'results',
    templateUrl: '<div *ngFor="let result of results"><result [result]="result"></result></div>',
    directives: [ResultComponent]
})
export class ResultsComponent {
    @Input() results;
    constructor(){};
}

在打字稿中，这是很好的。我的ResultsComponent中的结果属性将被设置为app组件中的值集。在纯javascript版本中，结果是空。代码是对@输入修饰器的反应，因为如果我拿走它，它就会抱怨它丢失了。

异常:模板解析错误:无法绑定到“结果”，因为它不是已知的本机属性

但不知何故，这些数据并没有被公布。有什么想法吗？

Answer 1

多亏了此链接，我在组件装饰器的输入部分找到了答案。我改变了..。

@Component({
    selector: 'results',
    templateUrl: '<div *ngFor="let result of results"><result [result]="result"></result></div>',
    directives: [ResultComponent]
})
export class ResultsComponent {
    @Input() results;
    constructor(){};
}

..。敬..。

@Component({
    selector: 'results',
    templateUrl: '<div *ngFor="let result of results"><result [result]="result"></result></div>',
    directives: [ResultComponent],
    inputs: ['results']
})
export class ResultsComponent {
    constructor(){};
}

..。现在起作用了！