如何将数据从html传递到组件(angular2)

时间:2017-04-14 10:41:36

标签: html angular flask angular2-template

在我的index.html中我可以打印这些(键,名称,电子邮件)值

@Override
public Map<String, Object> my() {
    List<Integer> test = new ArrayList<>();
    for (int hour=0; hour<23; hour++) {
        if (var.contains(hour)){       
            test.add(1);
        }
        else {
            test.add(0);
        }

    }  
}

来自这样的烧瓶

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

我想将密钥,名称,电子邮件数据传递给组件应用程序,我该怎么办?

或者我可以将数据从flask传递给angular2的组件吗?

1 个答案:

答案 0 :(得分:1)

答案简短:不,你不能。但是你可以创建全局js变量

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

然后在你的组件中

public keys = window['keys']);

并在你的角色html中

{{ keys }}