2

我正在尝试构建一个简单的组件，只是一个打印参数但未显示参数的 div：

测试.html

<ion-content padding class="getting-started">
   <my-component [test]="Something"></my-component>
</ion-content>

测试.ts

import {Page} from 'ionic-framework/ionic';
import {MyComponent} from './myComponent';

@Page({
    templateUrl: 'build/pages/test/test.html',
    directives: [MyComponent]
})

export class TestPage {
    constructor() {
    }
}

我的组件.ts

import {Component,Input} from 'angular2/core';

@Component({
  selector: 'my-component',
  template: `
    <div>Param: {{test}}</div>
   `,
})

export class MyComponent {
  @Input() test;
  constructor() {
  }
}

结果：

不显示文字

我无法弄清楚我错过了什么。

4

2 回答 2

2

您的代码与文档（https://angular.io/docs/ts/latest/api/core/Input-var.html）相同，除了[test]="Something"，您是否尝试过编写test="Something"？

我认为[]语法只能采用组件的变量。

于 2016-02-11T17:40:20.223 回答
1

我不确定，但请尝试 [test]="'Something'"

于 2016-02-17T17:56:43.587 回答