把Json放到web angular页面中

Get Json into a web angular page

本文关键字：angular web Json 放到      更新时间：2023-09-26

我使用Total.js框架为我的项目。我遵循这个例子https://github.com/totaljs/examples/tree/master/angularjs-mongodb-rest-resources我想做的是拿一个json列表并在angularjs网页中打印出来。我得到正确的json列表从数据库。我得到的是在浏览器上以原始格式打印的json列表。我会在html文件中打印出来。这是控制器:

exports.install = function(framework) {
    framework.route('/', view_app);
};
function view_app() {
    var self = this;
    var Car = MODEL('car').Schema;
    Car.find({}, {_id:0, brand:1}, function(err, docs){
        if(err)
            self.view500(err);
        self.json(docs)
    }); 
}

我不知道如何将json文件绑定到angularjs的网页。我遵循的例子，但它没有工作

你必须使用controller.view('my-view-name', docs)而不是controller.json(docs)，因为json返回一个序列化对象到json和视图返回HTML。谢谢。

exports.install = function(framework) {
    framework.route('/', view_app);
};
function view_app() {
    var self = this;
    var Car = MODEL('car').Schema;
    Car.find({}, {_id:0, brand:1}, function(err, docs){
        if(err)
            self.throw500(err);
        else
            self.view('my-view-name', docs)
    }); 
}

我不确定你到底想怎么做，但本质上你想简单地把你的JSON值，分配给$scope变量，并使用标准绑定将其附加到您的页面。

你需要在angularjs控制器中获取你的docs数据，这意味着你可以访问$scope。然后执行如下操作:$scope.docs = docs(假设这是您想要显示的数据)。希望你已经像这样定义了你的控制器:

angular.module('myapp', [])
.controller('MyController', ['$scope', function($scope) {
//get your data...
//bind your data:
$scope.docs = docs;
从那里，你把它绑定到你的html像这样: 
<body ng-app="myapp" ng-controller="MyController">
<span>{{docs}}</span>
....

让我知道这是不是你想要做的。

相关文章：