Nurga 1 vs nurga 2 vs nurga 4 erinevused

Viimastel aastatel on Angular muutnud tohutult. Nurga arendaja on igal aastal välja andnud uued versioonid. Nurga 1.0 versioon on arenenud nurgaks 2.0 ja seejärel nurgaks 4.0 ja nüüd on välja antud ka nurk 4.0 ja nüüd on nurk 5.0. Nii et kui olete nurga arendaja, peate teadma nende erinevust. versioonid.

Nurk 1,0 vs nurk 2.0

Nurk 1.0 on nurga Js esimene versioon. Sellest järeldub MVC struktuur, st mudel, vaade ja kontroller, seejärel välja antud nurk 2.0 on nurga 1.0 versioonides järsult muutunud nurga 2.0 versioonidesse.Järgmised punktid on järgmised: -

  1. Nurk 1.0 kasutab JavaScripti, ES5 ja ES6. Kui nurk 2.0 kasutab rakendust Typescript.See on JavaScripti alamhulk, Typescript on peamine välja antud.Nurk 2.0 toetab masinkirjet 2.0 ja ES6.

2 Nurk 1.0 ei ole orienteeritud mobiilile, kus nurk 2.0 on liikuv.

3. Nurga 1.0 kontroller

var myApp = nurgeline
   .module ("myModule", [])
   .controller ("demoController", funktsioon ($ ulatus) {
     var kasutaja = {nimi: "Saloni Malhotra"};
     $ ulatus.userData = kasutaja;
});

Nurga 2.0 komponendi struktuur

import {komponent} 'nurgast2 / südamikust';
@Komponent ({
   valija: 'demodata',
   mall: `
        

{{kasutajanimi.nimi}}

"    })   ekspordiklass ProductComponent {  kasutaja = {nimi: 'Saloni Malhotra'}; }

Struktuuridirektiivid

Süntaks on täielikult nurgas 1.0 muudetud nurgaks 2.0

Nurga 1.0 struktuuridirektiivid

       
  •    {{users.name}}   

Teil on {{user.length}} kasutajat.

Nurga 2.0 struktuuridirektiivid

       

Teil on {{user.length}} kasutajat.

(*) tärnimärk peab olema nurgas 2.0 ja järgima kaameli ümbrise struktuuri.

Siduvad omadused

Nurk 1.0 järgib ühte ja kahesuunalist sidumist

Ühesuunaline andmete sidumine
 
   
Kahesuunaline andmete sidumine
 

Nurk 2.0 järgib ka ühte ja teist andmete ühendamist

Nurga 2.0 ühesuunaline andmete sidumine saavutatakse nurksulgudega
 
Kahesuunaline andmete sidumine
 

2,0 vs 4,0

Nurgaversiooni 4.0 omadused

  • vähem koodi: -  Vaatemootor tutvustatakse nurgas 4, kus toodetud komponentide koodi saab vähendada kuni 60%

. Ruuter ParamMap: -
 Enne nurka 4 lihtsad objektide struktuurid, mida kasutatakse marsruudi parameetrite salvestamiseks.
 Neid parameetreid hinnati lihtsa JavaScripti süntaksi abil.
 Süntaks: -
 (parameeterObject ['parameetri nimi'])

kus nurgas 4 kasutame kõnes meetodi jaoks kaarti
 Süntaks: -
 (parameeterMap.get ('parameetri nimi'))

  • ngKui uue muu avaldusega

Eelmises nurgalises versioonis on meil ainult juhul, kui avaldus, kui mõni tingimus on tõene, siis kuvatakse andmed, kuid nurgas 2 on ka teine ​​avaldus. Kui antud tingimus on vale, on meil tegemist kontrastse juhtumiga.

"Minu nimi on Saloni Malhotra"
"Tere! Palun proovige teise nimega"
"Minu nimi on Saloni Malhotra"
"Tere! Palun proovige hiljem hankida"
"Minu nimi on Saloni Malhotra"
"Tere! Palun proovige teise nimega"
"Tere! Palun proovige hiljem hankida"

Loodan, et see artikkel on kasulik teile kõigile :)

Tere, minu nimi on Saloni Malhotra. Olen JavaScripti arendaja ja kirjutaja. Olen siin, et rääkida, nii et ärge kõhelge, et kirjutage mulle teade. Kui teile meeldib mu lugu, klõpsake nuppu ❤ ja jagage kõigiga.

Tänud !!

Õnnelik kodeerimine