$ http.get在Express中调用app.get

时间:2016-02-21 17:39:38

标签: angularjs node.js express

server.js中的代码

var strava = require('node-strava-v3')
var express = require('express');
var app = express();

app.get('/', function(req, res){
    strava.streams.activity({'id': 497191235, 'types':'distance'}, function(err, payload){
        if(!err){
            res.send(payload);
        }
        else{
            res.send(err);
        }
    })
});

我想设置一个视图文件(带有动态视图的静态HTML),它通过控制器文件获取数据,控制器文件又通过app.get()调用从模型(server.js)中检索它。我相信我需要利用控制器中的$http.get()来访问app.get()?我读过的教程提供了一个特定路径作为$http.get()的参数,但我不认为它适用于我的情况。

请指教 - 谢谢。

[编辑]目前的controller.js和index.html文件:

// controller.js

var myApp = angular.module('myApp', []);
myApp.controller('AppCtrl', ['$scope', '$http',

function($scope, $http){    
    var refresh = function(){
        $http.get('/').success(function(response){ 
        $scope.contactlist = response;
        });
    };  

    refresh();
}]);

// index.html的

<!DOCTYPE>
<html ng-app="myApp">
<head>
    <title>Contact List App</title>
    <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script>
<script src="controller.js"></script>
</head>

<body>
<div class="container" ng-controller="AppCtrl">
    <p>{{contactlist}}</p>

</div>
</body>

</html>

0 个答案:

没有答案