javascript - How to display the contents of mongo db in front end? -


i working on meanstack , new it. requirement want contents of mongo db displayed on web page. believe done using angular js. have created module named 'display' along angular modules of mean stack server, client , test folders inside it. in config folder of client, there 2 files, users.client.menus.js , users.client.routes.js

the following users.client.menus.js,

(function () {   'use strict';    angular     .module('display')     .run(menuconfig);    menuconfig.$inject = ['menuservice'];    function menuconfig(menuservice) {   menuservice.addmenuitem('topbar',{       title: 'display table',       state: 'display',       type:'label',       roles: ['*']     });   }   }());

users.client.routes.js

(function () {   'use strict';     angular     .module('display.routes')     .config(routeconfig);      routeconfig.$inject = ['$stateprovider'];     function routeconfig($stateprovider) {     $stateprovider     .state('display',{         url: '/display',         templateurl: 'modules/display/client/views/display.client.view.html',         controller: 'displaycontroller',         controlleras: 'vm',         data: {             roles: ['user','admin'],             pagetitle: 'display'         }     });      }    }());

the controller file follows: display.client.controller

(function () {   'use strict';    angular     .module('display')     .controller('displaycontroller', displaycontroller);      displaycontroller.$inject = ['$scope', 'displays','authentication'];      function displaycontroller($scope,displays,authentication) {       $scope.authentication = authentication;       var vm = this;       vm.displays = displays;     }    }());

display.client.view.html

<section data-ng-controller="displaycontroller">     <div class="page-header">      <h1>display</h1>   </div> <form class="col-xs-12 col-md-offset-4 col-md-4">     <fieldset class="row">         <div class="panel panel-default" data-ng-init="find()">             <table class="table table-hover table stripped">                 <thead>                     <tr>                         <th>details</th>                     </tr>                 </thead>                 <tbody>                     <tr data-ng-repeat="displaynames in testdata" data-ng-href="#!/display/{{displaynames.displayname}}">                         <h4 data-ng-bind="displaynames.displayname"></h4>                         <td>{{displaynames.displayname}}</td>                     </tr>                 </tbody>             </table>         </div>       </fieldset> </form>   </section>

in server, have models folder, display.server.model.js

'use strict';  var mongoose = require('mongoose'),     schema = mongoose.schema; var user = new mongoose.schema({     displayname:{         type: string,         default:''     },     username:{         type: string,         default:'',         unique: true,         required:'username cannot empty'     },     email:{         type: string,         default:'',         unique: true,         required:'email cannot empty'     },     user:{         type: schema.objectid,         ref: 'user'     }  });  mongoose.model('display',user);

i want know additional folders required complete task , how can accomplish requirement.

thanks, in advance.

for accessing data database need server , apis running on server data database , send response on frontend native client server architecture. data database need write apis , if writing code in javascript need nodejs application have interaction database. can read this article on how make rest apis , make use of them on frontend angularjs application. happy learning. cheers:)


Comments

Post a Comment

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

i've set bento/ubuntu-16.04 vagrant box using php 5.6, , getting following error quite few times when try , run shell script: "uncaught reflection exception: class domdocument not exist". i've tried adding following top of script (not together), each no success: "sudo apt-get install php5.6-xml", "sudo apt-get install php5-xml", "sudo apt-get install php-dom" i've tried resetting server "sudo service apache2 restart". does have suggestions?
Read more

vue.js - Create hooks for automated testing -

Image
qa guys complained can't automate frontend testing. because our html looks same outside. lazy hack did this <template> <div :role="$options.name"> ... </div> </template> <script> export default { name: 'vmcomponentname' } </script> which takes name script , applies html. in browser get: <div role="vmcomponentname"> ... </div> line :role="$options.name" goes in every component. is there dry er solutions? please share. additional details i'll explain in details looking for. imagine have vmusercreate form creates user. test case can create user . to automatically test without role, have use following selector: .wrapper > .wrapper > .wrapper > .submit-button the test extremely brittle (will break lot). if use roles can use [role="vmusercreateform"] .submit-button selector. many folds less brittle. so basically, i'm ...
Read more

Add new key value to json node in java -

i have json file : { "id":1, "name":"abc", "addressdetails": { "city":"newyork" } } i wanted add 1 more key-value ("pincode" : "414141") node 'addressdetails'. i tried using : objectmapper mapper = new objectmapper(); jsonnode root = mapper.readtree(new file("d://test.json")); objectnode node = mapper.createobjectnode(); node.with("addressdetails").put("pincode", "414141"); but it's not getting added, there way can ? you can try you should modify file path objectmapper mapper = new objectmapper(); objectnode nodes = mapper.readvalue(new file("d:\\test.txt"), objectnode.class); nodes.with("addressdetails").put("pincode", "414141"); mapper.writer().writevalue(new file("d:\\test.txt"), nodes);
Read more