如何在初始頁面上填充$ scope GET請求

Question

因此，我的頁面取決於$ scope包含所有信息的事實。我在頁面上有很多{{ information }}。在節點後端控制器上，我從數據庫獲取信息並將其發送到前端，但$ scope被設置在不同的文件中。很難解釋我想要做什麼。

這裏是我的index.js文件：

app.get('/page', function (req, res){ 

    var info = db.getInfo(); 

    res.render('page', { 
     information: info 
    }); 
}); 

該頁面將然後渲染，但我怎麼給信息到$範圍。

Answer 1

您在NodeJS中設置的路由需要通過$ http角度來訪問。應使用ng-route在前端應用程序中處理URL路由。

如果你想通過服務器在角度的$範圍內呈現你的頁面，你將不得不讓服務器生成角碼來做到這一點......但這只是過於複雜的事情。最好讓有角度的手柄檢索這些數據。

使用的angularjs服務：

angular.module('yourApp') 
    .service('pageLoader', function($http) { 
    var baseUrl = ''; // this will be the url for your server. Normally  
         // 'localhost' or something similar if it is a test 
         // environment 

    return this.loadPage = function() { 
     return $http.get(baseUrl + '/page'); 
    } 
    }) 
    .controller('PageCtrl', function($scope, pageLoader) { 
    $scope.page = null; 

    $scope.loadPage = function() { 
     pageLoader.loadPage().then(function(data) { 
     $scope.page = data; 
     }) 
    } 
    }); 

這只是給你如何做到這一點的想法。如果您執行搜索，則有許多不同的$ http服務示例。

在您的nodejs中將'render'改爲'send'。

編輯：我假設你正在使用角度前端應用程序，而不是某種其他模板系統。您應該發送該信息並使用angular來生成包含該信息的頁面。