Tutorial AngularJS per principianti con NodeJS, ExpressJS e MongoDB

Blog

Questo tutorial vuole essere il più chiaro possibile. Allo stesso tempo, tratteremo i concetti di cui avrai bisogno la maggior parte del tempo. Tutte le cose buone senza il grasso :)



MEAN Stack serie di tutorial:

  1. Tutorial AngularJS per principianti (Parte I) tu sei qui
  2. Creazione di API RESTful con NodeJS e MongoDB Tutorial (Parte II)
  3. Esercitazione sullo stack MEAN: MongoDB, ExpressJS, AngularJS e NodeJS (parte III)

Inizieremo a creare tutti gli esempi in un unico file HTML! Ha incorporato JavaScript e NESSUN stile/CSS per semplicità . Non preoccuparti, nei prossimi tutorial impareremo come dividere l'uso dei moduli Angular. Analizzeremo il codice, aggiungeremo test e stili.



completato: note: {{ todo.note }} angular.module('app', ['ngRoute']) //--------------- // Servizi //--- ------------ .factory('Todos', function(){ return [ { name: 'AngularJS Directives', completed: true, note: 'add notes...' }, { name : 'Data binding', completato: true, note: 'add notes...' }, { name: '$scope', complete: true, note: 'add notes...' }, { name: 'Controller e Moduli', completato: true, note: 'aggiungi note...' }, { name: 'Modelli e percorsi', completato: true, note: 'aggiungi note...' }, { name: 'Filtri e servizi' , completato: falso, nota: 'aggiungi note...' }, { nome: 'Inizia con Node/ExpressJS', completato: falso, nota: 'aggiungi note...' }, { nome: 'Imposta database MongoDB ', completato: false, note: 'aggiungi note...' }, { name: 'Sii fantastico!', completato: false, note: 'aggiungi note...' }, ]; }) //--- ------------ // Controller //--------------- .controller('TodoController', ['$scope', 'Todos', function ($scope, Todos) { $scope.todos = Todos; }]) .controller('TodoDetailCtrl', ['$scope' , '$routeParams', 'Todos', function ($scope, $routeParams, Todos) { $scope.todo = Todos[$routeParams.id]; }]) //--------------- // Percorsi //--------------- .config(['$routeProvider', function ($routeProvider) { $routeProvider .quando('/', { templateUrl: '/todos.html', controller: 'TodoController' }) .quando('/:id', { templateUrl: '/todoDetails.html', controller: 'TodoDetailCtrl' }); }]);

Grazie per aver letto fino a qui.

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

codequs.com

Tutorial AngularJS per principianti con NodeJS, ExpressJS e MongoDB

Questo tutorial vuole essere il più chiaro possibile. Allo stesso tempo, tratteremo i concetti di cui avrai bisogno la maggior parte del tempo. Tutte le cose buone senza il grasso :)