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

gecreëerd met behulp van AngularJS vuurkracht, en pak een web van toepassing: 4,,,,,,,,,, 229, 14 - eenheid,,,,,,,, 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 3 - Toepassing: het creëren van het gebruik van AngularJS en vuurkracht kras - Deel 5: aan de voorkant van de training., voeren we de symbolische functie, ook gezien het gebruik van diensten van de verantwoordelijke voor de verwerking AngularJS uitwisseling van gegevens tussen.In dit deel van de reeks lessen, creëren we de gebruiker voor het creëren van een blog   interface na te  ,.,,, laten we het klonen van   github derde verhaal begonnen.,, git kloon https://///////angularjs_firebase_part3 jay3dec github website. Idioot, het klonen van de bron Tot na de plaatsing en installatie van het project, de catalogus de vereiste afhankelijk angularjs_firebase_part3 NPM, cd 's, installatie, als de installatie van de afhankelijkheid van de server van het,,, te beginnen met de browser op HTTP://lokale: 8000 /app /&#/home   je moet aanvragen, het creëren van pagina' s toe te voegen, moeten we een bladzijde gebruikers kunnen creëren en publicatie blog.Laten we nog nodig hebben en voor het creëren van een model van pagina 's, navigatie, naar  , angularjs_firebase_part3 /aanvraag gids   en het creëren van een folder, addpost,.Naar binnen, addpost, het creëren van een: //europa.eu.int /comm /dossier, addpost.html, js, addpost,.In de volgende addPost.html toevoegen: //europa.eu.int /comm /code,, < http: //europa.eu.int lang= "en" > < head> < title> < /title> < s: /http://getbootstrap.com/dist/css/bootstrap.min.css "rel =" stylesheet "> < S: /blog.css" rel = "stylesheet" > < /head> < body> < div = "blog-masthead" > < div = "CONTAINER" > < NAV = "blog-nav" > < a = "blog-nav-item": /&#"> Home< /a> < a =" blog-nav-item: /addPost.html "actieve" > /a> toevoegen Post<; < /nav> < /div> < /div> < div = "CONTAINER" > < de vorm van de klas van 'form-horizontal ">% LT% LT fieldset >.- in de vorm van naam:% GT% < de legende > het creëren van post < /legende > <.- in de tekst:% GT% < div = "groep" > < - = "col-md-4 controle op het etiket" = "txttitle" > titel < /etiket > < div = "col-md-4" > < - = "txttitle" naam "txttitle tekst" reserve "type = = = = = = =" reserve "=" vormen van controle - en "> < /div > < /div > <.- de tekst:% GT% < div = "groep" > < - = "col-md-4 controle op het etiket" = "txtpost" > na de < /etiket > < div = "col-md-4" > < de tekst categorie = "formaat" = "txtpost" naam "txtpost" > < /tekst > < /div > < /div > <.- de knop - > < div = "groep" > < - = "col-md-4 controle op het etiket" = "singlebutton" > < /etiket > < div = "col-md-4" > < id = "singlebutton" naam "singlebutton" = "knop op de knop" = "dienen". De "post" /> < /div > < /div > < /gebied > < /vorm > < /div > <.- /. De containers - > < div = "blog meter" > < p> AngularJS & haar blog 's < /P > < /div > < /body > < /html >,, naar binnen, addpost js, we zullen. De lijn wordt gedefinieerd als toevoeging. , routeprovider dollar, dat heet een  , gebruiken we voor ons gemaakt, addpost route, kijk.Zullen we de oprichting van een  , templateurl,   zal in de  http: //europa.eu.int).We zullen er ook een  . De verantwoordelijke voor de verwerking,   (logische controle van mening  ) voor nieuwe  , van de werkingssfeer van de dollar,  , addpost, kijk.Hier is hoe ik addPost.js, ten slotte,'use, strict'; angular.module ('myApp.addPost', ['ngRoute']) config - (['$routeProvider', functie ($routeProvider) {$routeProvider.when ('/addPost'{templateUrl:'addPost/addPost.html', controller:'AddPostCtrl'});}]).Controller ('AddPostCtrl', ['$scope', functie ($scope) {}]), zijn de myApp.addPost;,,, de module in app.js,,.,, angular.module ('myApp', ['ngRoute','myApp.home','myApp.register','myApp.welcome','myApp.addPost'///////beheerder toegevoegd module]),, ook nog een verwijzing naar de in de app/index.html addPost.js,,,,, < script pagina., "=" addPost/addPost.js "> < /script>, SAVE. De veranderingen, de server en punt herstarten.De browser   HTTP://lokale: 8000 /app /&#/addpost  , moet je zien na toevoeging van pagina 's,.,,,, na verificatie, toevoeging van het veld, in de eerste plaats moeten we in de toevoeging van artikel pagina om tekst en de inbreng van de regio' s een tekst toegevoegd Om gegevens in twee richtingen:   ngmodel, bindende,,, < id = "txttitle" naam "txttitle" ng model = "artikel. De titel" = "tekst" bijvoorbeeld = "reserve" = "vormen van controle - en" > < textarea = "formaat" = "txtpost" wU model = "artikelen voor na de naam." txtpost "> < /tekst >,, wanneer de gebruiker een blog, er moet een titel en later.Dus zullen we meer controle, om te controleren of de blog van titels en artikelen.Als de titel en de artikelen die  , we kunnen die knop, kunnen de gebruikers die hun eigen   blog.We gebruiken een   ngdisabled richtlijn verboden die knop.De toevoeging van ngdisabled richtlijn publiceren, knop, zoals weergegeven in het schema.,, < id = "singlebutton wU - =".Article.title



Previous:
Next Page: