在Angular中使用Node (API)来显示数据

Question

我对MEAN Stack的概念还很陌生，现在我正试图在我制作的一个简单的网站中显示我从Asana API获得的列表。我的问题是，为了从Asana获得我需要的列表，我使用嵌套函数，我不知道如何将结果发送到我的前端。

var callback = function() {console.log("test")};    
client.projects.findAll(callback).then(function(projects) {
projects.data.forEach(function(project){
   var id = project.id;
    var name = project.name;       
    console.log(name);  
  });   
});

如果我运行程序，我确实得到了我想要的列表在我的控制台，并想知道如何显示列表从index.html文件。基本就是如何将name变量发送到前端。

Answer 1

您需要在$作用域中插入您的值，例如:

client.projects.findAll(callback).then(function(projects) {
  $scope.projects = projects;     
});

，然后在HTML中使用ng-repeat来显示这些值，例如:

<div ng-repeat="project in projects | track by $index> 
   <span>{{project.value}}</span>
</div>

这样，您将为数组中的每个项目元素创建一个div，显示其属性。value(但您可以用任何属性替换。value)，并使用括号符号{{}}