Angular2 如何嵌入 Yammer 内容答案

【问题标题】：Angular2 How to Embed Yammer ContentAngular2 如何嵌入 Yammer 内容
【发布时间】：2017-05-10 17:46:02
【问题描述】：

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

Angular2会自动清除所有Script标签。

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

【问题讨论】：

标签： angular2-template yammer

【解决方案1】：

我通过将 Jquery 添加到 Angular2 代码中来清除这一点。呸！但成功了

【讨论】：

【解决方案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

【讨论】：