У чым розніца паміж AngularJS, Angular 2 і Angular 4?


адказ 1:

Angular JS фактычна ставіцца да ўсіх версій Angular, якія знаходзяцца ў версіі 1.x Verizon.

Кут у цэлым звязаны з кутом будучыні, які складае 2,4,5,6 і гэтак далей

2 - поўны перапіс, які ўяўляе сабой сукупнасць іншых тэхналогій, такіх як машынапіс, es6 і некаторыя ўбудаваныя інструменты зборкі.

4 - гэта толькі ўдасканаленне версіі 2 з некаторымі дадатковымі функцыямі.


адказ 2:

Зразумець розныя версіі Angular (1.x, 2, 4)

Перш чым разабрацца ў адрозненнях, мы спачатку растлумачым кожную версію з апісаннем:

  • AngularJS - гэта праграма з адкрытым зыходным кодам для інтэрнэт-прыкладанняў JavaScript для дынамічнага развіцця вэб-прыкладанняў.
var myApp = angular .module ('uiroute', ['ui.router']); angle1.controller ('CarController', функцыя ($ range) {$ range.Cars = ['Audi', 'BMW', 'Bugatti', 'Jaguar'];});
  • Як Angular 2, так і Angular 4 з'яўляюцца адкрытым зыходным кодам, платформамі вэб-прыкладанняў з адкрытым зыходным кодам на аснове TypeScript. Няма істотных адрозненняў паміж Angular 2 і Angular 4. Angular 4 - гэта толькі ўдасканаленне і таму сумяшчальны з Angular 2.
імпарт {platformBrowserDynamic} з "@ кут / платформа-аглядальнік-дынамічны"; Імпарт {AppModule} з "./app.module"; platformBrowserDynamic (). bootstrapModule (AppModule); Імпарт {NgModule} з "@ angle / core"; Імпарт {BrowserModule} з "@ angle / platform-browser"; Імпарт {AppComponent} з "../app/app.component"; @NgModule ({імпартавана: [BrowserModule], дэкларацыі: [AppComponent], загрузачная праграма: [AppComponent]}) Імпарт класа экспарту AppModule {} {Кампанент} з '@ angular / core' @Komponent ({Selector: 'App-Loader', Шаблон: ` Сардэчна запрашаем у Angular `}) Экспарт класа AppComponent {}

Архітэктура

AngularJS

Архітэктура AngularJS заснавана на дызайне MVC (Model-View-Controller). Мадэль з'яўляецца цэнтральным кампанентам, які выражае паводзіны прыкладання і кіруе яго дадзенымі, логікай і правіламі. Выгляд генеруе высновы на аснове інфармацыі ў мадэлі. Кантролер прымае ўваходы, пераўтварае іх у каманды і адпраўляе каманды ў мадэль і выгляд.

Вуглавыя

У Angular 2 кантролер і $ range былі заменены на кампаненты і дырэктывы. Кампаненты - гэта дырэктывы з шаблонам. Яны маюць справу з выглядам прыкладання і логікай на старонцы. У Angular 2 ёсць два тыпы выказванняў. Гэта структурныя інструкцыі, якія змяняюць макет DOM шляхам выдалення і замены яго элементаў, і атрыбутыўныя інструкцыі, якія змяняюць паводзіны або знешні выгляд элемента DOM.

У Angular 4 былі палепшаны структурныя вытворныя ngIf і ngFor, і вы можаце выкарыстоўваць сінтаксіс дызайну if / else ў сваіх шаблонах.

Мабільная падтрымка

AngularJS не быў распрацаваны для мабільнай падтрымкі, але Angular 2 і 4 прапануюць падтрымку мабільнай сувязі.

5. Маршрутызацыя

AngularJS выкарыстоўвае $ routeprovider.when () для налады маршрутызацыі, у той час як Angular @RouteConfig выкарыстоўвае {(...)}.

AngularJS

Перавагі

  • Ён гатовы да адзінкавых выпрабаванняў. Дзякуючы выдатнай прывязцы дадзеных MVC, распрацоўка прыкладанняў ідзе хутка. Выкарыстанне HTML як дэкларатыўнай мовы робіць яго вельмі зразумелым. Гэта комплекснае рашэнне для хуткага развіцця інтэрфейсу, паколькі ніякіх іншых рамак і убудоў не патрабуецца. Прыкладанні AngularJS могуць працаваць на ўсіх асноўных праграмах і перадавых клетках, уключаючы тэлефоны і планшэты на базе iOS і Android.

Недахопы

  • Гэта вялікі і складаны, таму што ёсць некалькі спосабаў зрабіць тое ж самае. Рэалізацыя дрэнна маштабуецца. Калі карыстальнік прыкладання AngularJS адключае JavaScript, адлюстроўваецца толькі базавая старонка. Карыстальніцкі інтэрфейс працуе з больш чым 200 назіральнікамі.

Кут 2

Перавагі

  • TypeScript забяспечвае аптымізацыю кода пры дапамозе канцэпцыі OOPS. Ён мабільны. Гэта палепшыла ўвядзенне залежнасці і модульнасць. Ён прапануе больш шырокі выбар для моў, такіх як Dart, TypeScript, ES5 і ES6 для напісання кода. Ён прапануе больш лёгкую маршрутызацыю.

Недахопы

  • Усталяванне складаней, чым у AngularJS. Гэта неэфектыўна, калі вам трэба ствараць простыя невялікія вэб-прыкладанні.

Кут 4

Перавагі

  • Гэта дазваляе хутка развіваць працэс. Ідэальна падыходзіць для аднабаковых вэб-прыкладанняў з пашыраным інтэрфейсам. Поўная падтрымка TypeScript дапамагае ствараць вялікія прыкладанні. Тэсты лёгка напісаць. Палепшаны рухавік выгляду стварае менш кода ў рэжыме AOT. Гэта модуляваны анімацыйны пакет.

Недахопы

  • Ён праходзіць павольна пры праглядзе велізарнай колькасці дадзеных.

адказ 3:

Angular 1 (AngularJS) - гэта першая база Javascript, распрацаваная Angular Team і цалкам заснавана на модулях Javascript. Angular 2 (званы Angular) цалкам перапісаны ў машынапісе. Кут 2 заснаваны на кампанентах. Куты 4 і 5 - гэта не што іншае, як кут 2 з дадатковымі функцыямі і ўдасканаленнямі. У адваротным выпадку куты 2, 4 і 5 аднолькавыя.


адказ 4:

AngularJS

На базе JavaScript адкрыты зыходны код асноўнай базы вэб-прыкладанняў, якімі кіруе каманда Angular у Google і суполка.

  • v1.xx па-ранейшаму захоўваецца і мае свае адрозненні і новыя функцыі, напрыклад Б. ад кантролераў да кампанентаў і г.д. Стабільная версія Angular JS складае v1.5.6.

Вуглавыя

Поўнае перапісванне каманды, якая стварыла AngularJS. База дадзеных TypeScript з адкрытым зыходным кодам, асноўная база вэб-прыкладанняў і падтрымка дартс.

  • v2.xx больш засяроджана на TypeScript, а не на JavaScript, альбо таксама на дартсе. Важныя змены ў Angular, паколькі ён перапісаны з нуля.Новае кіраўніцтва па стылі, новая структура праекта (архітэктура, заснаваная на кампанентах), версія Angular папярэдняя раз у паўгода. Апошнія / найноўшыя вуглавыя версіі, напрыклад B. v4.xx, v5.xx, v6.xx і г.д., будуць / будуць сумяшчальныя з v2.xx. пасля нязначных змяненняў. Гэтыя апошнія версіі - гэта ўдасканаленні, а таксама новая пашыраная функцыя ў Angular Framework. Калі вы ведаеце, як Angular v2.xx або вышэй, вы будзеце адчуваць сябе камфортна з апошняй версіяй Angular, бо яна не будзе перапісана, але далейшыя ўдасканаленні.

Некаторыя адрозненні паміж AngularJS (v1.xx) і Angular (v2.xx або вышэй)

  • JS-TSng-прыкладанне для загрузкі сістэмы кантролю да ComponentFilter для труб-паслугі / пастаўшчыка / фабрыкі для абслугоўвання і гэтак далей

Для больш падрабязнай інфармацыі глядзіце асноўную заўвагу

Каб даведацца пра новыя функцыі / адрозненні ў v4.xx і v5.xx, вы можаце прагледзець наступныя артыкулы.

Што новага ў Angular v4 і v5?


адказ 5:

AngularJS

На базе JavaScript адкрыты зыходны код асноўнай базы вэб-прыкладанняў, якімі кіруе каманда Angular у Google і суполка.

  • v1.xx па-ранейшаму захоўваецца і мае свае адрозненні і новыя функцыі, напрыклад Б. ад кантролераў да кампанентаў і г.д. Стабільная версія Angular JS складае v1.5.6.

Вуглавыя

Поўнае перапісванне каманды, якая стварыла AngularJS. База дадзеных TypeScript з адкрытым зыходным кодам, асноўная база вэб-прыкладанняў і падтрымка дартс.

  • v2.xx больш засяроджана на TypeScript, а не на JavaScript, альбо таксама на дартсе. Важныя змены ў Angular, паколькі ён перапісаны з нуля.Новае кіраўніцтва па стылі, новая структура праекта (архітэктура, заснаваная на кампанентах), версія Angular папярэдняя раз у паўгода. Апошнія / найноўшыя вуглавыя версіі, напрыклад B. v4.xx, v5.xx, v6.xx і г.д., будуць / будуць сумяшчальныя з v2.xx. пасля нязначных змяненняў. Гэтыя апошнія версіі - гэта ўдасканаленні, а таксама новая пашыраная функцыя ў Angular Framework. Калі вы ведаеце, як Angular v2.xx або вышэй, вы будзеце адчуваць сябе камфортна з апошняй версіяй Angular, бо яна не будзе перапісана, але далейшыя ўдасканаленні.

Некаторыя адрозненні паміж AngularJS (v1.xx) і Angular (v2.xx або вышэй)

  • JS-TSng-прыкладанне для загрузкі сістэмы кантролю да ComponentFilter для труб-паслугі / пастаўшчыка / фабрыкі для абслугоўвання і гэтак далей

Для больш падрабязнай інфармацыі глядзіце асноўную заўвагу

Каб даведацца пра новыя функцыі / адрозненні ў v4.xx і v5.xx, вы можаце прагледзець наступныя артыкулы.

Што новага ў Angular v4 і v5?


адказ 6:

AngularJS

На базе JavaScript адкрыты зыходны код асноўнай базы вэб-прыкладанняў, якімі кіруе каманда Angular у Google і суполка.

  • v1.xx па-ранейшаму захоўваецца і мае свае адрозненні і новыя функцыі, напрыклад Б. ад кантролераў да кампанентаў і г.д. Стабільная версія Angular JS складае v1.5.6.

Вуглавыя

Поўнае перапісванне каманды, якая стварыла AngularJS. База дадзеных TypeScript з адкрытым зыходным кодам, асноўная база вэб-прыкладанняў і падтрымка дартс.

  • v2.xx больш засяроджана на TypeScript, а не на JavaScript, альбо таксама на дартсе. Важныя змены ў Angular, паколькі ён перапісаны з нуля.Новае кіраўніцтва па стылі, новая структура праекта (архітэктура, заснаваная на кампанентах), версія Angular папярэдняя раз у паўгода. Апошнія / найноўшыя вуглавыя версіі, напрыклад B. v4.xx, v5.xx, v6.xx і г.д., будуць / будуць сумяшчальныя з v2.xx. пасля нязначных змяненняў. Гэтыя апошнія версіі - гэта ўдасканаленні, а таксама новая пашыраная функцыя ў Angular Framework. Калі вы ведаеце, як Angular v2.xx або вышэй, вы будзеце адчуваць сябе камфортна з апошняй версіяй Angular, бо яна не будзе перапісана, але далейшыя ўдасканаленні.

Некаторыя адрозненні паміж AngularJS (v1.xx) і Angular (v2.xx або вышэй)

  • JS-TSng-прыкладанне для загрузкі сістэмы кантролю да ComponentFilter для труб-паслугі / пастаўшчыка / фабрыкі для абслугоўвання і гэтак далей

Для больш падрабязнай інфармацыі глядзіце асноўную заўвагу

Каб даведацца пра новыя функцыі / адрозненні ў v4.xx і v5.xx, вы можаце прагледзець наступныя артыкулы.

Што новага ў Angular v4 і v5?