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 Угловая Универсальная

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

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

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

3) Упаковка Меняется

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

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

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

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

3.3 Экспериментальная Совместимость Закрытия

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

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

что такое угловой 4 ?

угловой 4-это open source структура веб-разработки, написанная и поддерживаемая командой angular в Google .

чтобы лучше охватить возможности angular, давайте рассмотрим некоторые важные моменты об angular.

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

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

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

чтобы продолжить обновление Angular, angular community объявляет об угловых релизах каждые 6 месяцев

вот источник для этого ответа и a для начинающих учебник по угловым 4 ::

Угловой 4 Учебник

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

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

Быстрее И Меньше

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

Посмотреть Двигатель

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

Пакета Анимации

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

Новые Возможности

улучшено *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>

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

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

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

команда обновила угловой на более последние версии машинописного текста. Это улучшит скорость ngc, и вы получите лучший тип проверка по всему приложению.

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

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

в нижней строке

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

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

1. пропуск углового 3.0 до углового 4.0, чтобы мы могли выровнять ядро с маршрутизатором, который уже 3.0
2. компилятор работает быстрее по сравнению с angular 2
3. некоторые из ошибок, которые находятся в угловой 2 выпрямляются в угловой 4
4. еще предложение было введено
5. Render был переименован в Renderer2 (причина, по которой это было сделано, заключается в том, что под Худ там было много изменений)

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

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

• уменьшить размер view engine : - есть более продвинутые изменения в AOT угловой так улучшить время компиляции. Эти изменения также уменьшают размер приложения почти на 60%.
• ввести новую трубу :- угловой 4 ввести новый 'titlecase' трубы ' / ' так используя эту трубу вы можете изменить в столице какие-то слова.
• ngIf и еще : - ранее 'ngIf' есть, но в угловой 4 они также введите "else", поэтому теперь вы можете использовать блок if else в html DOM.
• как ключевое слово :- угловой 4 ввести новое ключевое слово под названием " как " для упрощение ‘let ' как определено ранее
• анимации :- отдельный пакет анимации от углового ядра. Теперь анимация имеет свой собственный пакет т. е. @angular / платформа-браузер / анимация.
• Переименовать Шаблон: - теперь шаблон становится ‘НГ-шаблон". Вы должны использовать НГ-шаблон тега вместо шаблона.
• параметры поиска : - в angular 4 Вы можете дать параметры поиска в http запрос. Это стало простым в использовании.
• Новые Валидаторы Форм : - есть много проверки формы, данные угловой 2, но есть один, который более одновременно использовать т. е. электронная почта валидатор. Теперь используйте валидатор электронной почты, который вводится в angular

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

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