0

我的 MEAN 堆栈应用程序有问题。我是 node、angular、mongoDB、express、jade 的新手……这可以解释为什么我失败了……

我没有找到一个符合我所有要求的教程，所以我从不同的教程构建了这个应用程序，但他们从来没有使用相同的方式来访问/组织数据。有时他们声明服务，有时他们使用路由提供者......

所以这是我设置我的应用程序的方式：

   app.js
   package.json
   routes.js

---config
       auth.js
       database.js
       passport.js

---node_modules
[...]
---public
   +---images
   +---javascripts
   |   |   CarListController.js
   |   |   
   |   \---vendor
   \---stylesheets
           style.css

---views
       index.jade
       layout.jade
       login.jade
       profile.jade

问题出在我的 index.jade 中。在这里，我想显示汽车列表（稍后在该列表上进行搜索）。

所以我创建了一个控制器（CarListController.js）：

function CarListController($scope, $http) {
    console.log('Calling CarListController'));
    $http.get('/api/cars').success(function(data) {
          $scope.cars = data.cars;
        });
    });

在我的 routes.js 中，我在 json 中检索汽车列表：

module.exports = function(app, passport) {

app.get('/api/cars', function(req, res) {
// load the things we need
var mongoose = require('mongoose');

// define the schema for our user model
var carSchema = mongoose.Schema({
    marque        : String,
    modele        : String,
    desc          : String
 });

// create the model for users and expose it to our app
var Car = module.exports = mongoose.model('Car', carSchema);

    // use mongoose to get all cars in the database
        Car.find(function(err, car) {
    console.dir(car);
            // if there is an error retrieving, send the error. nothing after res.send(err) will execute
            if (err)
                res.send(err)

            res.json(car); // return all cars in JSON format
        });
    });
app.get('/', function(req, res) {       
    res.render('index.jade') // load the index.jade file
});

最后在我的 index.jade 中：

html(lang='fr', ng-app='LocatyvModule')
head
 meta(charset='utf-8')
 title My AngularJS App
 link(rel='stylesheet', href='/stylesheets/style.css')
 script(type='text/javascript', src='/javascripts/vendor/angular/angular.js')
 script(type='text/javascript', src='/javascripts/vendor/angular-bootstrap/ui-bootstrap-tpls.js')
 script(type='text/javascript', src='/javascripts/LocatyvModule.js')
 script(type='text/javascript', src='/javascripts/CarListController.js')
body
 div.container(ng-controller="CarListController")
  div
   div.row.car(ng-repeat="car in cars")
     p A CAR!

当我调用“localhost:8080/api/cars”时 -> 没关系，我的数据库中有 3 辆汽车。

当我调用我的 index.jade 时，我没有得到 3 行，也没有在控制器中得到跟踪。我做错了什么？

另外我认为我的项目组织不是很好（如果您有一些提示，请随意说）。

4

1 回答 1

2

我认为问题是您没有角度模块并且您的控制器没有注册。您可以在控制器 JavaScript 中尝试以下代码。

var app = angular.module('LocatyvModule', []);
app.controllers.controller('CarListController', function ($scope, $http) {
    console.log('调用 CarListController'));
    $http.get('/api/cars').success(function(data) {
          $scope.cars = 数据.cars;
        });
    });
);
于 2014-03-27T02:11:38.563 回答