将角色应用中的Microsoft Team上下文添加为选项卡

时间:2018-06-11 10:20:00

标签: angular typescript microsoft-teams

我正在将一个Angular网站添加到Microsoft Teams选项卡中。我想获得Tteam ID进行一些计算。我刚刚安装了npm install --save @microsoft/teams-js

这是我使用的代码

import { Component } from "@angular/core";
import * as microsoftTeams from "@microsoft/teams-js";

@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.css"]
})
export class AppComponent {
  title = "app";
  teamID: string;
  teamName: string;
  groupID: string;
  ngOnInit() {
    microsoftTeams.initialize();

    microsoftTeams.getContext(function(Context: microsoftTeams.Context) {
      alert("getcontext call back function");
      this.teamName = Context.teamName;
      this.groupID = Context.groupId;
      this.teamID = Context.teamId;
    });

    alert("after get context");
    console.log("End");
  }
}

这里的问题是我没有得到microsoftTeams.Context。我还有别的办法吗?解决这个问题的正确方法是什么?

1 个答案:

答案 0 :(得分:0)

context是一个回调,因此您需要在microsoftTeams.getContext之后添加.bind(this)。 像这样:

microsoftTeams.getContext(function(Context: microsoftTeams.Context) {
    alert("getcontext call back function");
    this.teamName = Context.teamName;
    this.groupID = Context.groupId;
    this.teamID = Context.teamId;
}).bind(this));