Tutorial MEAN Stack MongoDB, ExpressJS, AngularJS i NodeJS

Bloc

Tutorial MEAN Stack MongoDB, ExpressJS, AngularJS i NodeJS

Construirem una pila completa de l’App Todo mitjançant el MEAN (MongoDB, ExpressJS, AngularJS i NodeJS). Aquesta és l'última part del tutorial de la sèrie de tres publicacions



predicció del preu de la moneda hitchain

Sèries de tutorials de MEAN Stack:






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

Abans de completar l'aplicació, expliquem alguns antecedents sobre aquesta pila. Si preferiu saltar a la part pràctica, feu clic aquí per començar .



completat:
nota:

Actualització Cancel·la

De la mateixa manera, hem afegit un mètode d'actualització. Tanmateix, aquesta vegada no necessitem passar cap índex, ja que només es fa una tasca a la vegada. Un cop s'ha desat, torna al camí de l'arrel /.



.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('/'); }); } }])

Proveu-ho al vostre navegador. S Si teniu dades de tutorial anterior hauríeu de ser capaços de veure-ho.
$location.url([url]) és un mètode getter / setter que ens permet canviar l'URL, de manera que s'encamina / visualitza.






dif

3.6 Suprimeix AngularJS

Aquests són els canvis afegits per dur a terme la funcionalitat d'eliminació:

A. El botó Afegeix elimina del li element:

remove

Feu el mateix per a la plantilla de detalls

Remove

B. Afegiu la funcionalitat d'eliminació als controladors

$scope.remove = function(index){ var todo = $scope.todos[index]; Todos.remove({id: todo._id}, function(){ $scope.todos.splice(index, 1); }); }

I també als controladors de detalls

bdo testimoni de la promesa
$scope.remove = function(){ Todos.remove({id: $scope.todo._id}, function(){ $location.url('/'); }); }

Quan eliminem elements de la matriu tots $scope.todos.splice(index, 1) també desapareixen del DOM. Molt bé, eh?

dif

Proveu-ho al vostre navegador. S Si teniu dades de tutorial anterior hauríeu de ser capaços de veure-ho.

Publicat originalment a adrianmejia.com

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

què és una moneda

Gràcies per llegir ❤

Si us ha agradat aquest missatge, compartiu-lo amb tots els vostres companys de programació.

Segueix-me Facebook | Twitter

Inici de sessió amb el número de veu de Google

Aprèn més

El curs complet per a desenvolupadors de Node.js (3a edició)

Angular & NodeJS: la guia de pila MEAN

MERN Stack Front to Back: Full Stack React, Redux i Node.js

Aplicació web Node, Express, Angular 7, GraphQL i MongoDB CRUD

Angular 7 (anteriorment Angular 2): la guia completa

MongoDB: la guia completa del desenvolupador

Què és la pila MERN i com l’utilitzo?

Tutorial d'aplicacions Node.js, ExpressJs, MongoDB i Vue.js (MEVN Stack)

Tutorial MEAN Stack MongoDB, ExpressJS, AngularJS i NodeJS

Desenvolupadors de pila completa: tot el que heu de saber

seguiment de la ubicació nativa de reacció

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