Get Json into a web angular page

145 Views Asked by Mazzy At 09 August 2014 at 23:15

I'm using Total.js framework for my project. I'm following this example https://github.com/totaljs/examples/tree/master/angularjs-mongodb-rest-resources What I'd like to do is to take a json list and print out in angularjs web page. I get correctly the json list from the db. What I get is the json list print in the raw format on the browser. I would print out it in the html file. This is the controller:

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

I don't know how to bind the json file to the the angularjs web page. I have followed the example but It didn't worked

Original Q&A

There are 2 best solutions below

Caspar Harmer On 10 August 2014 at 03:09

I'm not sure exactly how you want to do this, but essentially you want to simply take your JSON value, assign it to a $scope variable and use standard binding to attach it to your page.

You will need to obtain your docs data inside an angularjs controller, which means you'll have access to $scope. Then just do something like this: $scope.docs = docs (assuming this is the data you want to show). Hopefully you have already defined your controller like this(or similar):

angular.module('myapp', [])
.controller('MyController', ['$scope', function($scope) {
//get your data...

//bind your data:
$scope.docs = docs;

From there, you bind it to your html like this:

<body ng-app="myapp" ng-controller="MyController">
<span>{{docs}}</span>
....

Let me know if this is/is not what you were trying to do.

Peter Sirka On 20 August 2014 at 05:49

you must use controller.view('my-view-name', docs) instead of controller.json(docs) because json returns a serialized object into the JSON and view returns HTML. Thanks.

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

Get Json into a web angular page

There are 2 best solutions below

Related Questions in JAVASCRIPT

Related Questions in JSON

Related Questions in ANGULARJS

Related Questions in MONGOOSE

Related Questions in TOTAL.JS

Trending Questions

Popular # Hahtags

Popular Questions