如何将数据从 html 传递到组件（angular2）[重复]

【问题标题】：how can I pass data from html to component(angular2) [duplicate]如何将数据从 html 传递到组件（angular2）[重复]
【发布时间】：2017-09-10 14:50:20
【问题描述】：

在我的 index.html 中，我可以打印这些（键、名称、电子邮件）值

<body>
    {{keys}}
    {{Name}}
    {{Email}
</body>
<component-app></component-app>

这些来自像这样的烧瓶

return render_template("index.html",keys=my_keys,Name=my_name,Email=my_email)

我想将密钥、姓名、电子邮件数据传递给组件应用程序，我该怎么办？

或者我可以将数据从烧瓶传递到 angular2 的组件吗？？

【问题讨论】：

【解决方案1】：

简短的回答：不，你不能。但是你可以创建全局js变量

<body>
    <script type="text/javascript">
        keys = '{{keys}}'
        Name = '{{Name}}'
        Email = '{{Email}'
    </script>
</body>

然后在你的组件中

public keys = window['keys']);

在你的 Angular html 中

{{ keys }}

【讨论】：