javascript - Angular 2 alpha 22，如何通过属性将值传递给组件？

Question

我声明了一个带有选择器“app”的组件 然后我像下面这样使用它:

<app title="Awesome Title"></app>

在我写的模板中:

The title passed {{ title }}

我确实添加了编写组件注释:

@Component({
    selector: 'app',
    properties: {title:'title'}  // also tried ['title']
});

但是什么也没有显示，输出是

The title passed

有什么帮助吗？谢谢

Answer 1

在撰写本文时，最新版本是 alpha.26。 属性定义略有变化，因此这里是新语法

@Component({
    selector: 'app',
    properties: ['title:title']
});

<div [title]="Some Title"></div>

我已经开始撰写一系列博客文章来演示 Angular 2 的概念。在这里查看:

http://www.syntaxsuccess.com/viewarticle/angular-2.0-examples

我有一个工作示例，说明如何通过属性将属性分配给组件。查看 TreeView 示例，因为它大量使用了它。