ecmascript-6 - Angular2 ES6 @Input 替代

Question

我正在尝试构建一个<markdown-component>使用 ES6 的语法。@InputES6 不支持语法糖，我找不到可行的替代方案。

我在父级中定义输入：

<ng2-markdown [source]="source"></ng2-markdown>

然后使用以下命令接受输入：

@Component({
  selector: 'ng2-markdown',
  inputs: [ 'source' ]
})

如果我添加一个模板，我可以得到它会按预期输出值，但无法在构造函数中使用输入。

这个模块实际上应该是一个指令，该source值将定义正在加载的 Markdown 文件的路径。

score 2 · Accepted Answer

感谢@Eric Martinez 的评论，我能够让它工作。

OnInit直到生命周期阶段，输入才可用。

以下工作：

...
export class MarkdownComponent {
  constructor () {}

  ngOnInit() {
    console.log(this.source);
  }
...

在初始化输入之前，我试图访问构造函数中的输入。

1 回答 1