Angular 1 at Angular 2

Ang pinakabagong JavaScript library ay nakikita ang isang matatag na pagtaas sa pagbagay ng AngularJS o karaniwang tinutukoy bilang "Angular" o "AngularJS 1.X". Noong panahong iyon, posible na lumikha ng mga advanced at dynamic na web application gamit lamang ang JavaScript API, ngunit mahirap panatilihing ang unang codebase. Nagsimula ang JavaScript sa isang rebolusyon sa pagbuo ng web application sa pamamagitan ng pagpapahintulot sa mga script na tumakbo sa isang browser at itinatag ang sarili nito bilang isang malakas, ganap na tampok na programming language. Noong 2010, ang AngularJS ay ipinakilala bilang isang open-source web application framework na idinisenyo upang gawing simple ang pag-unlad at pagsubok ng mga web application sa pamamagitan ng pagbibigay ng framework para sa MVC at MVVM architectures. Ngunit ang bawat produkto ay dapat magbago. Angular ay lumaki nang malaki sa huling ilang taon. Noong 2016, ang Angular 2.0 ay inilabas na nagdala ng Angular sa modernong web para sa pagbuo ng mga kumplikadong application sa browser.

Ano ang Angular 1?

AngularJS, karaniwang kilala lamang bilang "Angular" o "Angular 1.X" ay isa sa malawakang ginagamit na open-source na mga framework ng web application na pinapanatili ng Google kasama ng isang komunidad ng mga indibidwal na mga developer at korporasyon. AngularJS ay balangkas ng istruktura batay sa JavaScript na idinisenyo upang bumuo ng mga dynamic na web application gamit ang HTML bilang wika ng template. Sa simpleng mga termino, Angular ay kung ano ang HTML ay naging, kung ginamit ito upang lumikha ng mga web application. Angular ay umaabot sa bokabularyo ng HTML upang matulungan kang bumuo ng mga dynamic na solong pahina ng mga application sa web (SPA). Ito ay isang komprehensibong tool para sa mabilis na front-end na pag-unlad na aktwal na humahawak sa lahat ng mabibigat na-nakakataas sa client-side upang gumawa ng kapaligiran extraordinarily nagpapahayag at nababasa para sa end user. Nagtatampok ito sa mga proyekto ng SPA at ginagamit ng libu-libong mga developer sa buong mundo. Tulad ng bawat produkto ay dapat evolve, Angular ay masyadong.

Ano ang Angular 2?

Angular 2.0 ay inilabas ng Angular team ng Google sa 2016 bilang isang kumpletong makeover ng orihinal na Angular 1 framework. Ang Preview ng Pag-unlad ay inilabas noong Abril 2015 at inilipat ito sa Beta sa Disyembre 2015. Ang huling bersyon ay inilabas noong Sept 14, 2016. Ang buong konsepto ng istraktura ng application ay nagbago sa Angular 2.0. Ito ay isang kumpletong pagsulat na muli ng orihinal na balangkas na dinisenyo upang gawing simple ang mga pagsubok at pag-unlad na mga nuances para sa mga developer. Isa sa mga pangunahing pagbabago sa Angular 2.0 ay na ito ay ganap na nakasulat sa TypeScript at bahagi-based. Sapat na sabihin, Angular 2.0 ay tungkol sa mga bahagi. Ito ay mas tulad ng isang hierarchical istraktura ng mga bahagi minus ang inter-dependability, na nangangahulugan na ang mga sangkap ay hindi nakasalalay sa bawat isa. Sa maikli, ang Angular 2.0 ay isang front-end na application na batay sa TypeScript na idinisenyo upang makapagbigay ng mas mahusay na ecosystem sa pag-unlad.

Pagkakaiba sa pagitan ng Angular 1 at 2

Arkitektura ng Angular 1 at 2

Ang Angular 2.0 ay isang kumpletong pagsulat na muli ng orihinal na AngularJS na may ganap na kakaibang arkitektura mula sa hinalinhan nito. Hindi tulad ng AngularJS, na batay sa model-view-controller (MVC), Angular 2.0 ay ganap na bahagi na nakabatay sa kahulugan na ang application ay binubuo ng mahusay na encapsulated, maluwag na kaisa bahagi. Gumagawa sila ng mas kaunting umaasa at mas mabilis na mga entity.

JavaScript kumpara sa TypeScript

AngularJS ay balangkas ng web application batay sa JavaScript na isang malakas, buong-tampok na programming language na ginamit upang magbigay ng dynamic na interactivity sa mga website. Ang Angular 2.0, sa kabilang banda, ay isang front-end na web application batay sa TypeScript, na isang open-source syntactic superset ng JavaScript at nagdadagdag ng opsyonal na static na pag-type sa wika.

Controllers vs. Components

Ang mga Controllers ay isang pundasyon ng AngularJS na tatanggap ng $ saklaw bilang isang parameter. Ang mga ito ay isa sa mga pangunahing sangkap sa MVC architecture ng AngularJS. Gayunpaman, ang mga controllers ay isang bagay ng nakaraan sa Angular 2.0. Ang mga controllers at $ scope ay hindi na ginagamit sa pagpapaunlad ng aplikasyon, sa halip ay pinalitan sila ng mga sangkap at direktiba. Ang ideya ay upang lumikha ng isang puno ng mga sangkap na magpapatupad ng malinaw na tinukoy na mga input at output.

Suporta sa Mobile sa Angular 1 at 2

Ang AngularJS ay dinisenyo sa pagkuha ng mobile sa pagsasaalang-alang ngunit hindi nang walang makatarungang bahagi ng mga isyu sa pagganap. Ginawa ito para sa dalawang paraan na may-bisang app at kakayahang tumugon, na walang suporta para sa mobile. Gayunpaman, mayroong mga aklatan upang patakbuhin ito sa mobile. Ang Angular 2.0, sa kabilang banda, ay dinisenyo na may diskarteng driven na diskarte na kung saan ay gawing simple ang pag-unlad ng mobile app para sa AngularJS. Ito ay ginawang posible upang matupad ang mga native na application para sa mga mobile platform. May mga aklatan tulad ng NativeScript na makakatulong sa Angular bumuo ng mga native na mobile na application na talagang mabilis at mahusay.

Pagganap ng Angular 1 at 2

Ang katotohanan na ang Angular 2.0 ay isang kumpletong pagsulat na muli ng orihinal na bersyon ng AngularJS, ang mga isyu sa pagganap ay halos natanggal sa Angular 2.0. Nagtatampok ito ng malakas na template, mas simple API, at mas simpleng pag-debug, kasama ang mga pagbabago sa arkitektura na kung saan ay nagpapabuti ng pagganap ng kapansin-pansing. Dagdag pa, nakapagtatayo na ngayon ng mga application na single-page na SEO-friendly na kung saan ay isang bottleneck sa nakaraang bersyon ng Angular.

Built-in Dependency Injection

Ang Dependency Injection (DI) ay isa sa mga pinakamahalagang katangian sa AngularJS na tumutulong sa paglikha ng mga bagay na umaasa sa iba pang mga bagay.Ang modelong dependency injection ay pinabuting sa Angular 2.0 upang gawing mas simple para sa mga developer na bumuo at subukan ang mga web application nang mas mahusay kaysa sa dati. Ang pinabuting modelo ng DI ay makakabuo ng higit pang mga pagkakataon para sa bahagi na nakabatay sa trabaho sa Angular 2.0.

Angular 1 vs. Angular 2: Paghahambing Tsart

Buod ng Angular 1 vs. Angular 2

AngularJS ay ipinakilala noong 2010 bilang open-source JavaScript-based framework upang pasimplehin ang parehong pag-unlad at pagsubok ng mga web application para sa MVC-based architecture. Kahit na, ito ay parehong matatag at mahusay, ito ay may makatarungang bahagi ng mga kalamangan at kahinaan. Ang bawat produkto ay nagbabago sa isang punto, kaya ang Angular. Ang mas bago at ang advanced na Angular 2.0 ay isang kumpletong muling pagsulat ng hinalinhan nito na nagdala ng ilang mga pangunahing pagpapabuti sa modelo. Isa sa mga pangunahing pagbabago sa Angular 2.0 ay ito ay batay sa TypeScript na isang syntactic superset ng JavaScript. Dagdag dito, ang mga Controllers at $ saklaw ay pinalitan ng Mga Bahagi at Derivatives sa Angular 2.0, na ginagawang madali upang makipag-ugnayan sa iba pang mga JavaScript library na kung saan, lumilikha ng malaking pagkakataon sa object-oriented programming.