anglejs – 角度2外部输入

发布时间：2020-12-17 09:03:12 所属栏目：安全来源：网络整理

导读：请你帮忙吗从角度2开始,并出现以下问题. 我的组件如下： @Component({selector: 'myapp',inputs: ['mynumber']})@View({ template: ` pThe next number is {{ mynumber + 1 }}/p' })export class App {mynumber: number;}bootstrap(App); 在我的HTML内 myapp

请你帮忙吗从角度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.

import {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 {}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!