Ionic2 自定义组件中的参数未显示

Question

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

test.html

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

test.ts

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

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

export class TestPage {
    constructor() {
    }
}

myComponent.ts

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

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

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

结果：

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

Answer 1

您的代码与文档 (https://angular.io/docs/ts/latest/api/core/Input-var.html) 相同，但 [test]="Something" 除外，您是否尝试改写 test="Something"？

我认为[] 语法只能接受组件的变量。

Answer 2

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