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

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

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

Answer 2

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

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

Parameter in Ionic2 custom component not displayed

components

ionic2