Question

我无法将Yammer嵌入到我的应用程序中，因为它需要我添加脚本标记。

Angular2会自动清除所有脚本标签。

有没有办法将yammer与Angular2集成？

Answer 1

我通过将Jquery添加到Angular2代码中来清除这一点。育！但是做了伎俩

Answer 2

在外部.html文件中，添加对Yammer库的引用：

<!-- Embed Yammer -->
<script type="text/javascript" src="https://s0.assets-yammer.com/assets/platform_embed.js"></script>

<script>
    System.import("app").catch(function (err) { console.error(err); });
</script>

使用以下命令创建component.html文件：

<div id="embedded-feed" style="width: 500px; height: 400px;"></div>

使用以下命令创建component.ts文件：

import { Component, OnInit } from '@angular/core';

@Component({
    selector: 'yammer-tile',
    moduleId: module.id,
    templateUrl: 'yammer-tile.component.html'
})
export class YammerTileComponent implements OnInit {

    ngOnInit(): void {
        var yam: any = window['yam'];
        yam.connect.embedFeed({
            container: '#embedded-feed',
            network: '**yournetwork.com**',
            feedType: 'group',
            feedId: '**yourFeedId**'
        });
    }
};

More Yammer config options here

Angular2如何嵌入Yammer内容

2 个答案: