Het creëren van het gebruik van AngularJS en wacht op een Internet: 5

gecreëerd met behulp van AngularJS vuurkracht, en pak een web van toepassing: 5,,,,,,,,,, 205, aandelen, 51,,,,,,, de delen van het netwerk, maandag wat tuts + cursussen. Zal worden beperkt tot slechts drie dollar.Niet' dit artikel niet missen, is een reeks genaamd "te creëren en met AngularJS vuurkracht web van een deel van de aanvraag. De oprichting van een AngularJS vuurkracht gebruiken en pak een web - toepassing van artikel 4 van de industrie: oprichting van een web - aanvragen voor het gebruik van AngularJS en wapens: 6, In. Voor een deel van deze reeks, het ontwerpen en uitvoeren van een interface voor het creëren van een titel en de artikelen blog.In dit deel, en we zullen zien hoe het behoud van die blog in vuur, zodat ze een welkom voor pagina 's,,, te beginnen, laten we de les van het klonen van github   voor een deel begint.,, git kloon https: ///////github. COM /jay3dec /angularjs_firebase_part4 die, na, klonen. De source code, naar de plaats van projecten en de afhankelijkheid van de gids die nodig is voor de installatie, installatie angularjs_firebase_part4 NPM, cd' s, als de installatie van de afhankelijkheid van de server van het,,, te beginnen met de browser op   HTTP://lokale: 8000 /aanvragen /&#/home   je moet de toepassing van de werking van de gegevens   vuurkracht,.,, toen we eerder opgenomen gegevens, dat hebben we alleen gegevens voor haar. En het is opgenomen werden.Maar als de groei van de gegevens, alles op de vuurkracht is moeilijk te handhaven   gegevens.Dus we proberen het te regelen we   gegevens, waardoor de vraag gemakkelijker van het vuur, log in op haar gaan.,, beheer van toepassing.Je moet het zien op het dashboard van haar website scherm als volgt:,,,,, - de icoon naast het creëren van een sub - URL 's genoemd artikel, met een waarde van 0, klik aan toe te voegen.Zodra de toevoeging van een kind, je moet zodanig zijn dat:,,,,, zoals je kan zien, hebben we de indeling van de gegevens, artikelen, gescheiden, is net zo makkelijk als de vraag van en de toegang tot de gegevens.  , nu naar  , navigatie, addpost.js, en de wijziging van haar.   https blistering-heat-2473.firebaseio.com/articles.Laten we ook met de verhoging van de e - mail logo blog in verband met gebruikers.We kunnen een e - mail van  , commonprop id, we schreef voor diensten.Eenvoudige injectie, commonprop, dienen de  , addpostctrl, de verantwoordelijke voor de verwerking ('addpostctrl.,., [dollar bereik "," vuur "dollar,'commonprop" functies ($dollar bereik, vuur, commonprop) {, en voor het bevorderen van gegevens, met inbegrip van de e - mail id parameters.De volgende is gewijzigd, addpost. Functie:,, scope.addpost dollar = functie () {VAR title = $scope.article.title; var = scope.article.post na de dollar; var firebaseobj = nieuwe vuurbasis ("http: //blistering-heat-2473. Firebaseio. COM /artikelen"); var FB = $(firebaseobj FB ($); - duwen. Titel: de titel, de Emailid:commonprop: na. Getuser (}) (functie) (ref. Dan) {console logboek (ref.);}, functionele (fouten) {console logboek ("fout", de verkeerde);});}, en het behoud van alle wijzigingen en de hervatting van de server.Gebruik te maken van doeltreffende e - mail en wachtwoord, en het creëren van een blog.Nu, als je in een kijk je dashboard moeten in een van de in de artikelen na het zien van de details van de knooppunten, zoals aangegeven in figuur:,,,,,, en post welkom pagina 's, dan, laten we nog een lijst van onderdelen van een groep die worden gecreëerd door de gebruikers van De post.Rond, app /welkom /welcome.html, en in die container, welkom, informatie, toe te voegen aan de lijst van groepen samengesteld als volgt:,, < div = "groep" > < href = "#" = "actieve" > lijst groep projecten; < 4 = "lijst. De titel van het project" > titel < /H4 > P = < de lijst van projecten "groep" > de inhoud van de tekst van de blog < /P > < /> < /div >,, wijzigingen en de hervatting van de server.Probeer de ondertekening van een doeltreffende e - mail en wachtwoord.Welkom op de pagina, en moet je zien:,,,,, en vraag de gegevens, de volgende vraag, laten we de vuurkracht van de gegevens via https URL  : ///////blistering-heat-2473 van vuur. Firebaseio. COM /artikelen.  ,, open, welkom. Js, en binnen De  , welcomectrl. De verantwoordelijke voor de verwerking de URL. Het creëren van een vuurbasis., var. De firebaseobj = nieuwe vuurbasis ("http: //blistering-heat-2473. Firebaseio. COM /artikelen");,, we gebruiken de dollar vuur vuur uit de verkregen gegevens.Volgens de officiële documenten van de  :,,,,,   vuurkracht verpakking voor een hoek van gegevens van toepassing.Het bevat de gegevens van de wapens en een aanvullende methoden voor het lezen van de gegevens, en een set of voorwerpen, var een = dollar, vuurbasis (firebaseobj);,, om gegevens uit vuurbasis URL 's als een generator, angularfire voorziet in een methode voor de asarray noemen.We bellen, asarray dollar voor een doel, en de toegewezen aan een andere reikwijdte, variabelen.   dollar, scope.articles = gesynchroniseerd. Asarray (), plus een dollar;, welkom op de pagina van een elementen zoals aangegeven:,,, < p> {{artikelen}} < /P >,, het behoud van alle wijzigingen en de hervatting van de server.In een e - mail wachtwoord.Zodra de welkom op de pagina van de resultaten van het onderzoek, moet je in de gegevens voor hola, het toepassingsgebied van de artikelen   dollar. Het bindende element,.,, [{"Emailid": 'Jim Jim. COM ", de" na ":" dit is de eerste keer dat ik in deze platforms. "," titel ":" Hallo!! "} {" Emailid ": 'Jim Jim. COM", de "na": "vanavond" welterusten "titel": "tot ziens")], van de resultaten van het onderzoek, samen met de AngularJS, nu dat we gegevens uit vuurbasis, scope.articles dollar, we kunnen de variabelen, gegevens aan De lijst van de elementen van ons welkom pagina' s.We gebruiken AngularJS richtlijn ngrepeat herhaling van de gegevens in de lijst.Hier is de lijst van groepen: http: //europa.eu.int   <,, div = "groep" > < href = "#" = "actieve" > groep voor de lijst van projecten; < 4 = "groep voor de lijst van de titel van het" > titel < /H4 > < P = "op het niveau van de lijst het project" > de tekst van de groep blog inhoud < /P > < /> < /div >,, toevoegen, ngrepeat, richtlijn   als bewijs van de primaire sector, ng herhaalde = "artikel",,, ngrepeat, die het creëren van variabelen en de richtlijn elke project: //europa.eu.int /comm /div.Dus, tot wijziging van de code:,, weergegeven: //europa.eu.int /comm /< div = "groep" ng herhaalde = "het artikel" > < href = "#" = "actieve" > groep voor de lijst van projecten; < 4 = "lijst - titel van het project" GT; {{artikelen van titel}.} < /H4 > P = < de lijst van projecten van de tekst "groep" > {}} {artikel. Na < /P > < /> < /div >,, wijzigingen en de hervatting van de server.Het gebruik van e - mail en wachtwoord in tekenen, zodra de welkom op de pagina, moet je het toe te voegen aan de lijst toegevoegd na bladzijde.,,,,, ga nu naar   HTTP://lokale: 8000 /app /&#/addpost   en de toevoeging van een andere post.Kunnen we nog een nee excellentie "A   aan de   na het creëren.   a na te   http://localhost:8000/app/#/welcome   manually lay, en je moet het zien in de vaststelling van een paar van de lijst.,, kleine   kwesties   na het creëren van een post -,,,, als de post al toegevoegd, We moeten naar een van de het kan aan de pagina.   open, app/addPost/addPost.js,   en injecteer  , $location,   in de  , AddPostCtrl, bleek dat de...   op  , fb.$push, succes callback, nog een andere aan het, welkom, pagina.,, fb.$push ({Titel title, post: post, emailId: CommonProp.getUser (}).Then (function (ref) {console. Log (ref); $location.path ('/welcome');}, functie (2) {console. Log (" fout ", fout);});,, Link de pagina 's aan toevoegen - welkomT,, open de toepassing /welcome /welcome.html, en tot wijziging van de toevoeging van banden, banden, doorgestuurd naar de "toegevoegd na bladzijde zoals aangegeven:,, < een soort" blog navigatie "href ="&#/addpost "> na toevoeging van < />,, het behoud van alle wijzigingen de hervatting van de server.De registratie van een geldig E - mailadres en wachtwoorden en proberen te creëren, je moet kunnen verwelkomen na pagina 's in de lijst van mening,, conclusies. In deze handleiding, zien we hoe de vraag   angularfire Firebase gegevens opgeslagen in het gebruik.We creëren een interface, zodat de gebruikers welkom op de pagina   creëren van de lijst van blogs.We hebben vast een paar kleine problemen, en deze serie artikelen. In het volgende deel van een laag, gaan we de   meer functies zoals de redactie en het schrappen van deze handleiding blog.,, de bron kan worden github.In de volgende opmerkingen laat ons weten wat je denkt.,

Firebase Dashboard screen
Firebase Dashoboard with Articles sub node
Firebase Data structure
Welcome page with dummy blog post
Welcome page with Post from Firebase



Previous:
Next Page: