【问题标题】:confused with nodejs and angular与nodejs和角度混淆
【发布时间】:2017-06-07 04:13:47
【问题描述】:

我阅读了很多关于集成 nodeJS 和 angular 的文章和帖子,我完全不明白。我尝试创建server.jsmainControllerindex.html,服务器运行良好但角度不起作用。我已经被这个问题困扰了一个星期,我无法解决它。

这是我的server.js

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);

这里是mainController.js

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;
        });
}]);

这是我的index.html

<!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>

如果需要,这是我的文件夹结构:

  • 应用
    -- 控制器
    --- mainController.js
    -- 库
    --- js
    ---- angular.min.js
    -- 浏览量
    --- index.html
  • 路线
  • server.js

【问题讨论】:

    标签: javascript angularjs node.js express


    【解决方案1】:

    在您的 index.html 中,将 ng-app="mainController" 替换为 ng-app="server",因为它需要主模块名称。

    【讨论】:

    • 好的,谢谢,但我收到关于注射器的错误。你知道怎么解决吗?
    • 问题出在app.controller 行中,您在其中注入dataServ 服务,但后来指定为Data。将“数据”替换为dataServ
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-03
    • 2022-07-12
    • 2020-03-02
    • 1970-01-01
    • 1970-01-01
    • 2015-12-18
    相关资源
    最近更新 更多