2016-08-17 3 views
0

私はまだMEAN Stackという概念には新しく、今は私が作ったシンプルなWebサイトでAsana APIから得たリストを表示しようとしています。私の問題は、私がAsanaから必要なリストを取得するために、ネストされた関数を使用することで、結果をフロントエンドに送る方法がないということです。私は、プログラムを実行する場合Node(API)を使用して角でデータを表示

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変数をフロントエンドに送る方法。

答えて

2

あなたは、たとえば、あなたの$の範囲に値を挿入する必要があります。たとえば、

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

、その後、あなたのHTML内の値を表示するには、NGリピートを使用します。

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

こうすることで、配列内のすべてのプロジェクト要素のdivを作成し、プロパティの.valueを表示します(ただし、.valueをプロパティのいずれかに置き換えることができます)。{{}}

関連する問題