MEAN Stack Tutorial MongoDB, ExpressJS, AngularJS e NodeJS

Blog

MEAN Stack Tutorial MongoDB, ExpressJS, AngularJS e NodeJS

Costruiremo un'app Todo full stack utilizzando MEAN (MongoDB, ExpressJS, AngularJS e NodeJS). Questa è l'ultima parte del tutorial della serie di tre post



capitalizzazione di mercato delle monete ocn

MEAN Stack serie di tutorial:

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

Prima di completare l'app, esaminiamo un po' di background su questo stack. Se preferisci passare alla parte pratica clicca qui per iniziare .



completato:
Nota:

Aggiorna Annulla

Allo stesso modo, abbiamo aggiunto un metodo di aggiornamento. Tuttavia, questa volta non è necessario passare alcun indice, poiché è solo una cosa da fare alla volta. Dopo che è stato salvato, torna al percorso di root |_+_|.

/

Provalo nel tuo browser!s Se disponi di dati da tutorial precedente dovresti riuscire a vederlo.
|_+_| è un metodo getter/setter che ci permette di cambiare url, quindi routing/view.



differenza

3.6 Elimina AngularJS

Queste sono le modifiche aggiunte per eseguire la funzionalità di rimozione:

A. Aggiungi il pulsante di rimozione in |_+_| elemento:

.controller('TodoDetailCtrl', ['$scope', '$routeParams', 'Todos', '$location', function ($scope, $routeParams, Todos, $location) { $scope.todo = Todos.get({id: $routeParams.id }); $scope.update = function(){ Todos.update({id: $scope.todo._id}, $scope.todo, function(){ $location.url('/'); }); } }])

Fai lo stesso per i dettagli Modello

$location.url([url])

B. Aggiungere la funzionalità di rimozione nei controller

li

E anche nei dettagli controller

stampante hp in stato di errore
remove

Quando rimuoviamo elementi dall'array todos |_+_| scompaiono anche dal DOM. Molto bello, eh?

differenza

Provalo nel tuo browser!s Se disponi di dati da tutorial precedente dovresti riuscire a vederlo.

Pubblicato originariamente su adrianmejia.com

=================

cos'è la moneta?

Grazie per aver letto ❤

Se ti è piaciuto questo post, condividilo con tutti i tuoi amici di programmazione!

Seguimi su Facebook | Twitter

generatore di pattern di sfondo css

Per saperne di più

? Il corso completo per sviluppatori Node.js (3a edizione)

? Angular e NodeJS - La guida allo stack MEAN

? Stack MERN dalla parte anteriore a quella posteriore: Full Stack React, Redux e Node.js

? App Web Node, Express, Angular 7, GraphQL e MongoDB CRUD

? Angular 7 (precedentemente Angular 2) - La guida completa

? MongoDB - La guida completa per gli sviluppatori

? Che cos'è lo stack MERN e come lo uso?

? Tutorial dell'applicazione Node.js, ExpressJs, MongoDB e Vue.js (MEVN Stack)

? MEAN Stack Tutorial MongoDB, ExpressJS, AngularJS e NodeJS

? Sviluppatori full stack: tutto ciò che devi sapere

tutorial sulla griglia di eventi di azzurro

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