请你帮忙吗从角度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
看起来很简单,但我错过了一些东西.我想要实现的是将应用程序的值传递给它.
谢谢
您不能为应用程序的根组件指定属性绑定(输入).如果你真的想为它指定一些绑定,你应该使用额外的组件.见
this plunkers.
原文链接：https://www.f2er.com/angularjs/140864.htmlimport {Component,Input} from 'angular2/angular2'
@Component({
selector: 'myapp',template: `
<p>The next number is {{ mynumber + 1 }}</p>
`
})
class App {
@Input() mynumber: number;
}
@Component({
selector: 'root',directives: [App],template: `
<myapp [mynumber]="41"></myapp>
`
})
export class Root {}
