Tutorial AngularJS per a principiants amb NodeJS ExpressJS i MongoDB (primera part)

Bloc

Tutorial AngularJS per a principiants amb NodeJS ExpressJS i MongoDB (primera part)

Aquest tutorial vol ser el més clar possible. Al mateix temps, tractarem els conceptes que necessiteu la major part del temps. Totes les coses bones sense greix :)

Sèries de tutorials de MEAN Stack:

  1. Tutorial AngularJS per a principiants (primera part) estàs aquí
  2. Creació d’APIs RESTful amb Tutorial NodeJS i MongoDB (Part II)
  3. Tutorial MEAN Stack: MongoDB, ExpressJS, AngularJS i NodeJS (Part III)

Començarem a construir tots els exemples en un sol fitxer HTML. Inclou JavaScript i SENSE estils / CSS per a senzillesa . No us preocupeu, en els propers tutorials aprendrem a dividir els mòduls Angular. Anem a desglossar el codi, afegir-hi proves i estils.

completat: nota: {{todo.note}} angular.module ('app', ['ngRoute']) // --------------- // Serveis // --- ------------ .factory ('Todos', function () {return [{name: 'AngularJS Directives', complete: true, note: 'add notes ...'}, {name : 'Enllaç de dades', completat: true, nota: 'afegeix notes ...'}, {name: '$ scope', completat: true, nota: 'afegeix notes ...'}, {name: 'Controladors i Mòduls ', completat: true, nota:' afegeix notes ... '}, {name:' Plantilles i rutes ', completat: true, nota:' afegeix notes ... '}, {name:' Filtres i serveis ' , completat: fals, nota: 'afegeix notes ...'}, {name: 'Comença amb Node / ExpressJS', completat: fals, nota: 'afegeix notes ...'}, {nom: 'Configura la base de dades MongoDB ', completat: fals, nota:' afegeix notes ... '}, {name:' Sigues increïble! ', completat: fals, nota:' afegeix notes ... '},];}) // --- ------------ // Controladors // --------------- .controller ('TodoController', ['$ scope', 'Todos', function ($ scope, Todos) {$ scope.todos = Todos;}]) .controller ('TodoDetailCtrl', ['$ scope' , '$ routeParams', 'Todos', funció ($ scope, $ routeParams, Todos) {$ scope.todo = Todos [$ routeParams.id]; }]) // --------------- // Rutes // --------------- .config (['$ routeProvider', funció ($ routeProvider) {$ routeProvider .when ('/', {templateUrl: '/todos.html', controlador: 'TodoController'}) .when ('/: id', {templateUrl: '/todoDetails.html', controlador: 'TodoDetailCtrl'});}]);

# angular.js # node-js #mongodb

adrianmejia.com

Tutorial AngularJS per a principiants amb NodeJS ExpressJS i MongoDB (primera part)

Aquest tutorial vol ser el més clar possible. Al mateix temps, tractarem els conceptes que necessiteu la major part del temps. Totes les coses bones sense greix :)