Добавление контекста Microsoft Team в угловое приложение в виде вкладки

Question

Я добавляю сайт Angular на вкладку "Команды Microsoft". Я хочу получить идентификатор Tteam для некоторых вычислений. Я только что установил 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, Есть ли что-то еще, что я должен сделать? Как правильно подходить к этому?

Answer 1

Context - это обратный вызов, поэтому вам нужно добавить.bind(this) после microsoftTeams.getContext. Как это:

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));