Question

我正在尝试使用Angular 2，我尝试将数据绑定到我的根（或应用程序）组件，这是正在引导的组件。但我内心总是不明确。在大多数情况下，这不是一个大问题，因为我们总是可以封装将数据导入另一个组件所需的组件。但是对于应用程序组件，我认为能够像程序的参数一样将数据传递给它是一件好事。

无论如何，这里有一些代码说明了这个问题：

index.html
----------
<body>

    <app-component p="ok">

    </app-component>
    <script>

        System.import('AppComponent');

    </script>

</body>

AppComponent.ts
---------------
/// <reference path="typings/angular2/angular2.d.ts" />

import {Component, View, bootstrap} from 'angular2/angular2';

@Component({
    selector:'app-component',
    properties:'p'
})
@View({
    template: "<h1>test : {{ p }}</h1>"
})
class AppComponent {

}

bootstrap(AppComponent);

在这段代码中，p总是未定义的，有没有办法让它工作？

我可以将数据绑定到根组件吗？

0 个答案: