AngularJS-Tutorial für Anfänger mit NodeJS, ExpressJS und MongoDB

Blog

AngularJS-Tutorial für Anfänger mit NodeJS, ExpressJS und MongoDB

Dieses Tutorial soll so klar wie möglich sein. Gleichzeitig werden wir die Konzepte behandeln, die Sie am häufigsten benötigen. All die guten Sachen ohne das Fett :)



MEAN Stack-Tutorialserie:

  1. AngularJS-Tutorial für Anfänger (Teil I) du bist hier
  2. Erstellen von RESTful APIs mit NodeJS und MongoDB Tutorial (Teil II)
  3. MEAN Stack Tutorial: MongoDB, ExpressJS, AngularJS und NodeJS (Teil III)

Wir werden damit beginnen, alle Beispiele in einer einzigen HTML-Datei zu erstellen! Es hat JavaScript und KEINE Stile/CSS für eingebettet Einfachheit . Keine Sorge, in den nächsten Tutorials werden wir lernen, wie man Angular-Module aufteilt. Wir werden den Code aufschlüsseln, Tests und Stile hinzufügen.



abgeschlossen: note: {{ todo.note }} angle.module('app', ['ngRoute']) //------------- // Dienste //--- ------------ .factory('Todos', function(){ return [ { name: 'AngularJS Direktiven', abgeschlossen: true, note: 'add notes...' }, { name : 'Datenbindung', abgeschlossen: true, note: 'Notizen hinzufügen...' }, { name: '$scope', abgeschlossen: true, note: 'Notizen hinzufügen...' }, { name: 'Controller und Module', abgeschlossen: true, note: 'add notes...' }, { name: 'Templates and Routes', Completed: true, note: 'add notes...' }, { name: 'Filters and Services' , abgeschlossen: false, note: 'Notizen hinzufügen...' }, { name: 'Erste Schritte mit Node/ExpressJS', abgeschlossen: false, note: 'Notizen hinzufügen...' }, { name: 'MongoDB-Datenbank einrichten ', abgeschlossen: false, note: 'Notizen hinzufügen...' }, { name: 'Sei großartig!', abgeschlossen: false, note: 'Notizen hinzufügen...' }, ]; }) //--- ------------ // Controller //-------------- .controller('TodoController', ['$scope', 'Todos', function ($scope, Todos) { $scope.todos = Todos; }]) .controller('TodoDetailCtrl', ['$scope' , '$routeParams', 'Todos', Funktion ($scope, $routeParams, Todos) { $scope.todo = Todos[$routeParams.id]; }]) //--------------- // Routen //-------------- .config(['$routeProvider', function ($routeProvider) { $routeProvider .when('/', { templateUrl: '/todos.html', controller: 'TodoController' }) .when('/:id', { templateUrl: '/todoDetails.html', Controller: 'TodoDetailCtrl' }); }]);

Danke, dass du bis hierhin gelesen hast.

#angular.js #node-js #express #mongodb #javascript

codequs.com

AngularJS-Tutorial für Anfänger mit NodeJS, ExpressJS und MongoDB

Dieses Tutorial soll so klar wie möglich sein. Gleichzeitig werden wir die Konzepte behandeln, die Sie am häufigsten benötigen. All die guten Sachen ohne das Fett :)