Javascript 在Chrome扩展弹出窗口中使用AngularJS并显示范围中的数据

我有以下问题。我在弹出窗口的chrome扩展中使用angularJS。我想得到标签的url并显示在弹出窗口中。要获取我使用的url，请执行以下操作：

var link;

var query = { active: true, currentWindow: true };

function callback(tabs) {
  var currentTab = tabs[0];
  var url = currentTab.url;
  console.log('URL: ' + url);
  link = url
}
chrome.tabs.query(query, callback);
$scope.link = link;
console.log('URL AFTER THE CALL: ' + $scope.link);

这是控制弹出窗口的主控制器的代码。 我想使用$scope.link变量在popup.html中使用url，但我只在回调函数中获取数据。输出如下所示：

URL AFTER THE CALL: undefined
URL: http://stackoverflow.com/questions/ask?title=angular%20js%20url%20in%20popup

因此，看起来链接分配和控制台日志“After call”是在回调函数执行之前执行的。。。我不知道如何处理这个问题。

< P>从Sayang91（信用）评论中，我认为有帮助的答案。 您不需要处理它，所有依赖于链接的代码都应该在回调函数中。就是这样

---

您不需要处理它，所有依赖于链接的代码都应该在回调函数中，这就是@saygon91的可能副本，请看一看。你的输入被OP欣赏。考虑自己创建一个答案。