传递给 Angular2 组件的字符串始终未定义

Question

当我将字符串传递给组件的 @Input() 时，它始终是未定义的。

这是我循环遍历数组并将字符串传递给组件的地方

https://github.com/davidhoeck/ng2-realtime-chat/blob/master/src/client/app/%2Bmessaging-page/messaging-page.component.html

这就是我试图从传递的字符串中获取值的组件。

https://github.com/davidhoeck/ng2-realtime-chat/blob/master/src/client/app/chat-window-component/chat-window-component.component.ts

如果有人能解决我的问题，那就太好了。

Answer 1

问题在于您发送字符串的方式。 "default" 被评估为一个变量，并且由于它不存在于控制器中，它将评估为 undefined。

改为使用单引号来表示模板中的字符串。

<chat-window [groupid]="'default'"></chat-window>

您可以在this small plunker 示例中看到该问题。