ng-repeat没有显示任何内容

时间:2016-12-22 00:30:23

标签: javascript node.js mongodb angularjs-ng-repeat

我试图使用Mongoose和AngularJS将内容放入我的MongoDB中。到目前为止,一切似乎都在起作用,但当我使用ng-repeat时,表格显示为空白。

HTML代码

<div class="container" ng-controller="FormController">
    <table class="table table-striped">
        <tbody>
        <tr ng-repeat="sensordata in sensordatas track by $index">
            <td>{{sensordata.topic}}</td> 
            <td>{{sensordata.message}}</td>
            <td>{{sensordata.when}}</td>
        </tr>
        </tbody>
    </table>
</div>

app.js

var app = angular.module('FormApp', []);

app.controller("FormController", function ($http, $scope){
$http.get("/api/sensordata")
    .then(function (response) {
        $scope.sensordatas = response;
    });
})

server.js

//Data Schema
var dataSchema = new mongoose.Schema({
    topic: String,
    message: Number,
    when: Date
}, {collection: "sensordata"});

var sensordata =mongoose.model('sensordata', dataSchema);

//$HTTP GET function
app.get('/api/sensordata', function(req, res) {
    sensordata.find(function (err, data) {
        res.json(data);
    });
});

这是我将数据打印到控制台时获得的数据。 http://i67.tinypic.com/2rhlpwg.png我不了解数据的页脚。

1 个答案:

答案 0 :(得分:-1)

你能不能在你的html视图代码中添加包装器

<div ng-app="app"><div class="container" ng-controller="FormController">
    <table class="table table-striped">
        <tbody>
        <tr ng-repeat="sensordata in sensordatas track by $index">
            <td>{{sensordata.topic}}</td> 
            <td>{{sensordata.message}}</td>
            <td>{{sensordata.when}}</td>
        </tr>
        </tbody>
    </table>
</div>