相关疑难解决方法(0)

你能帮忙吗？刚开始使用Angular 2并遇到以下问题.

我的组件如下:

@Component({
    selector: 'myapp',
    inputs: ['mynumber']
})
@View({
    template: `<p>The next number is {{ mynumber + 1 }}</p>'
})
export class App {
    mynumber: number;
}
bootstrap(App);

在我的HTML中:

<myapp [mynumber]='41'></myapp>

但是在运行时,我得到以下内容:

下一个号码是 NaN

它看起来很简单,但我遗漏了一些东西.我想要实现的是将应用程序外部的值传递给它.

谢谢.

此示例显示如何在子组件上使用@Input()批注.我的问题是你如何在根组件上使用它？例如,如果您修改上面链接上的代码:

@Component({
selector: 'app',
template: `
    <bank-account bank-name="RBC" account-id="4747"></bank-account>
`,
directives: [BankAccount]
})
class App {
    @Input() something: string;
}

bootstrap(App);

并在HTML中:

<app something="Test"></app>

上面的示例永远不会更新App组件上的某些属性.