Ответ 1

Angular 4 - это просто более новая версия Angular, чем Angular 2.

Angular 2.xx и Angular 4.xx также называются Angular, а предыдущая версия (1.xx) называется AngularJS.
Это различие имен указывает на то, что существуют значительные различия, а Angular 4.x.x - это только более новая версия Angular, чем Angular 2.x.x is.

Angular использует семантическое управление версиями с Angular 2, что требует увеличения основного числа при введении изменений.

Команда Angular отложила функции, которые вызывают нарушения, которые будут выпущены с помощью Angular 4.

Angular версия 3.x.x была пропущена, чтобы иметь возможность выровнять номера версий основных модулей, поскольку у маршрутизатора уже была версия 3.

Чтобы узнать, какие изменения будут внесены в Angular4, см. https://github.com/angular/angular/blob/master/CHANGELOG.md

Смотрите также эту запись в блоге http://angularjs.blogspot.co.at/2016/10/versioning-and-releasing-angular.html

Ответ 2

1) Что нового?

1.1 Меньший и быстрый

1.2 Анимационный пакет

Вытянутые анимации из @ angular/core и в их собственный пакет. Это означает, что если вы не используете анимацию, этот дополнительный код не будет в ваших производственных пакетах.

2) Новые функции

2.0) Просмотр движка

Новый механизм просмотра значительно улучшает шаг компиляции, что приводит к меньшему размеру приложения по сравнению с более ранними итерациями.

2.1 Улучшено * ngIf и * ngFor Теперь вы можете использовать синтаксис стиля if/else и назначать локальные переменные, например, при разворачивании наблюдаемого.

  <div *ngIf="userList | async as users; else loading">
   <user-profile *ngFor="let user of users; count as count" [user]="user">
   </user-profile>
   <div>{{count}} total users</div>
 </div>
 <ng-template #loading>Loading...</ng-template>

2.2 Angular Универсальный

2.3 TypeScript Совместимость 2.1 и 2.2

2.4 Карты источников для шаблонов

Теперь, когда есть ошибка, вызванная чем-то в одном из ваших шаблонов, она генерирует исходные карты, которые дают осмысленный контекст с точки зрения исходного шаблона.

3) Изменения в упаковке

3.1 Плоские модули ES (плоский ESM/FESM)

Этот формат должен помогать дремоту, помогать уменьшать размер ваших сгенерированных пакетов и ускорять сборку, трансляцию и загрузку в браузере в определенных сценариях.

3.2 Экспериментальные сборки ES2015

Эта опция является экспериментальной и не требуется. Разработчики сообщили о размере экономии в размере 7% при объединении этих пакетов с Rollup.

3.3 Совместимость экспериментального закрытия

что позволяет использовать преимущества усовершенствованных оптимизаций Closure, что приводит к меньшим размерам пакетов и лучшему дрожанию дерева.

Я получил эту информацию из этого блога...... для получения дополнительной информации см. здесь

Ответ 3

Что такое Angular 4?

Angular 4 - это веб-платформа с открытым исходным кодом, написанная и поддерживаемая командой Angular в Google.

Чтобы лучше использовать возможности Angular, рассмотрим некоторые важные моменты в angular.

• Angular 4 или просто Angular - следующая логическая версия Angular2, но она не имеет ничего общего с Angular 1, также называемой AngularJS

• Angular написан в TypeScript, и поэтому он поставляется со всеми возможностями, которые TypeScript предлагает

• Angular также используется в инфраструктуре мобильной платформы для кросс-платформенных технологий, называемой IONIC, и поэтому она не ограничивается только веб-приложениями

Чтобы обновить Angular, сообщество Angular объявило о выпуске Angular каждые 6 месяцев

Здесь источник для этого ответа и дружественный для начинающих учебник по Angular 4::

Angular 4 Учебник

Ответ 4

Взяв из этот блог, давайте посмотрим, что нового в Angular 4!

По сравнению с Angular 2, в список добавлено много нового. Есть не только новые функции, но и некоторые настройки, которые улучшают старые особенности.

Быстрее и меньше

С Angular 4 приложения будут потреблять меньше места и быстрее, чем раньше. Однако они никоим образом не сделаны, и команда сосредоточена на дальнейших улучшениях в месяцев.

Механизм просмотра

Они внесли изменения под капотом к тому, что выглядит сгенерированный код AOT как. Эти изменения уменьшают размер сгенерированного кода для компонентов примерно на 60% в большинстве случаев. Чем сложнее шаблоны тем выше сбережения. Во время периода выбора релиза многие разработчики, которые перешли на Angular 4, сократили свои производственные пакеты на сотни килобайт.

Анимационный пакет

Они вытащили анимацию из @ angular/core и поместили в свои собственный пакет. Это означает, что если вы не используете анимацию, это дополнительное код не будет в ваших производственных пакетах. Это изменение также позволяет вам легче находить документацию и лучше брать преимущество автозавершения. Вы можете добавить анимацию самостоятельно main NgModule, импортируя BrowserAnimationsModule из @angular/платформа браузер/анимация.

Новые функции

Улучшено * ngIf и * ngFor

Синтаксис привязки шаблона теперь поддерживает пару полезных изменений. Вы теперь может использовать синтаксис if/else style и назначать локальные переменные, такие как как при разворачивании наблюдаемого.

<div *ngIf="userList | async as users; else loading">
  <user-profile *ngFor="let user of users; count as count" [user]="user">
  </user-profile>
  <div>{{count}} total users</div>
</div>
<ng-template #loading>Loading…</ng-template>

Angular Универсальный

Universal, проект, который позволяет разработчикам запускать Angular на сервер, теперь обновляется с помощью Angular, и это первый релиз, поскольку Universal, первоначально проект, основанный на сообществе, был принятой командой Angular. Этот выпуск теперь включает результаты внутренняя и внешняя работа от команды Universal за последние несколько месяцев. Большая часть кода Universal теперь находится в @angular/platform-server.

TypeScript Совместимость 2.1 и 2.2

Команда обновила Angular до более поздней версии TypeScript. Это улучшит скорость ngc, и вы получите лучший тип проверяя всю вашу заявку.

Исходные карты для шаблонов

Теперь, когда есть ошибка, вызванная чем-то в одном из ваших шаблонов, они генерируют исходные карты, которые дают осмысленный контекст в условия исходного шаблона.

Нижняя строка

нетрудно переключиться на Angular 4. Однако если вы все еще не очень удобно с Angular 2, тогда это может быть немного вам сложно. В этом случае ValueCoder совет экспертов подождать еще несколько месяцев, а затем захватить его, поскольку есть еще 6 месяцев, оставшихся до Angular 5.

Ответ 5

Это список важных изменений в angular 4

• Пропуск angular от 3.0 до angular 4.0, поэтому мы можем выровнять ядро ​​с маршрутизатором, который уже 3.0
• Компилятор быстрее по сравнению с angular 2
• Некоторые ошибки, которые находятся в angular 2, исправлены в angular 4
• Было добавлено предложение Else
• Render был переименован в Renderer2 (причина в том, что это было сделано потому, что под капотом было много изменений)

За дополнительной информацией →  http://www.prathapkudupublog.com/2017/04/important-changes-in-angular-4.html#more

Ответ 6

Angular 2 изменений каких-либо изменений пути нет. Но да, есть еще одна особенность, чтобы сделать angular еще 4 мощные рамки.

• Уменьшить размер механизма просмотра. - В AOT из angular есть более сложные изменения, поэтому улучшите время компиляции. Эти изменения также уменьшают размер приложения почти на 60%.
• Ввести новую трубку: - angular 4 ввести новую "трубку с тканью" | так используя этот канал, вы можете изменить первый более поздний капитал любых слов.
• ngIf и еще: - Раньше 'ngIf есть, но в angular 4 они а также ввести 'else так, теперь вы можете использовать if else block в html DOM.
• В качестве ключевого слова: - angular 4 введите новое ключевое слово под названием "Что касается упрощение "пусть как указано ранее"
• Анимационные пакеты: - Отдельный пакет анимации из ядра angular. Теперь анимация имеет свой собственный пакет, т.е. @ angular/платформа браузер/анимация.
• Переименовать шаблон: - Теперь шаблон станет 'ng-template. Вы должны использовать тег ng-template вместо шаблона.
• Параметры поиска: - В angular 4 вы можете указать параметры поиска в http запрос. Это становится простым в использовании.
• Валидаторы новой формы: - Существует много форм проверки, предоставляемых angular 2, но есть тот, который используется одновременно, т.е. электронная почта валидатор. Поэтому теперь используйте функцию проверки подлинности электронной почты, которая вводится в angular

Ответ 7

Angular 2, он использует преимущества функций, предоставляемых в последних стандартах javascript, а также за пределами таких, как классы, модули API и decorators.yet он поддерживает устаревшие браузеры. У англичан 2 есть simplifiAPIit имеет меньше встроенных директив для узнать, упростить привязку.

Они не освобождают Angular 3, потому что, поскольку они следуют за семантическим управлением версиями, все библиотеки в репозитории github Angular версируются одинаково, т.е. 2.4.9, но из-за несогласованности версии пакетов маршрутизатора Angular, команда решила пойти прямо на Angular v4.