與nodejs和角度相混淆

我讀了很多關於整合nodeJS &角度的文章和文章，我根本不懂。我試圖創建server.js,mainController和index.html，服務器運行良好，但角度不起作用。我一直堅持這一個星期，我無法解決它。與nodejs和角度相混淆

這裏是我的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
- LIB
--- JS
---- angular.min.js
- 視圖
--- index.html的

路線

server.js

來源

2017-06-07 rinaldy31

在您的index.html中，將ng-app="mainController"替換爲ng-app="server"，因爲它需要主模塊名稱。

來源

2017-06-07 04:20:36 Adeel

好吧謝謝你，但我有關於注射器的錯誤。你知道如何解決它嗎？ – rinaldy31

問題出現在'app.controller'行，你注入'dataServ'服務，但稍後指定爲'Data'。用'dataServ'替換'Data' – Adeel

ahh是啊，對了！謝謝 – rinaldy31

與nodejs和角度相混淆

回答

相關問題