Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 与nodejs和angular混淆_Javascript_Angularjs_Node.js_Express - Fatal编程技术网

Javascript 与nodejs和angular混淆

Javascript 与nodejs和angular混淆,javascript,angularjs,node.js,express,Javascript,Angularjs,Node.js,Express,我读了很多关于集成nodeJS和angular的文章和帖子,我一点也不懂。我尝试创建server.js、mainController和index.html,服务器运行良好,但angular无法工作。我已经被这个问题困扰了一个星期,但我无法解决它 这是我的server.js: 以下是mainController.js: 这是我的index.html: 以下是我的文件夹结构(如果需要): 应用 -控制器 -mainController.js -解放党 -js -angular.min.js -观点

我读了很多关于集成nodeJS和angular的文章和帖子,我一点也不懂。我尝试创建server.js、mainController和index.html,服务器运行良好,但angular无法工作。我已经被这个问题困扰了一个星期,但我无法解决它

这是我的server.js:

以下是mainController.js:

这是我的index.html:

以下是我的文件夹结构(如果需要):

应用 -控制器 -mainController.js -解放党 -js -angular.min.js -观点 -index.html 路线 server.js
在index.html中,将ng app=mainController替换为ng app=server,因为它需要主模块名。

好的,谢谢,但我得到了有关注入器的错误信息。你知道怎么解决吗?问题出在app.controller中,你正在注入dataServ服务,但后来被指定为数据。用dataServ替换“Data”
var express = require('express'),
app = express(),
port = process.env.PORT || 3000;
var routes = require('./routes/routes');

app.use(express.static(__dirname + '/application')); //static path
routes(app);

app.get('/', function(req,res){
    res.sendFile(__dirname + "/application/views/index.html")
    //res.sendFile('./views/index.html');
});

app.listen(port);
console.log('server started on: ' + port);
var app = angular.module('server',[]);

// App controller
app.controller('appController', ['$scope','dataServ', function($scope, Data) {

    $scope.greetings = "hello words";

    Data.get()
        .success(function(resp) {
            $scope.greetings = resp;
        });
}]);
<!DOCTYPE html>
<html lang="en" ng-app="mainController">
<head>
    <meta charset="UTF-8">
    <title>Testing Web</title>

    <!-- LOAD JS -->
    <script src="../lib/js/angular.min.js"></script>
    <script src="../controllers/mainController.js"></script>

</head>

<body>
    <div ng-controller="appController">
        {{greetings}}
    </div>
</body>

</html>