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:
- Tutorial AngularJS per a principiants (primera part)
- Creació d’APIs RESTful amb Tutorial NodeJS i MongoDB (Part II)
- 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.
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?
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ó.
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