Что такое Angular 4 и откуда я могу узнать больше об этом?

Недавно кто-то рассказал мне об Angular 4, что это такое? Чем он отличается от Angular 2? Я учусь угловой 2. Я пытался найти официальный сайт Angular 4, но не получил результата. Мне это очень интересно.

РЕДАКТИРОВАТЬ

Сайт Angular 4 теперь доступен здесь .

EDIT 2

Angular 5 (beta) теперь доступен здесь.

EDIT 3

Angular 5 теперь доступен здесь, изменения доступны здесь

EDIT 4

Angular 6 теперь доступен здесь .

EDIT 5

Angular 7 теперь доступен.

7 ответов

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

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

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

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

    Угловая версия 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. Angular 2-это современный, он использует преимущества функций, предоставляемых в последних стандартах javascript и некоторых других, таких как классы, модули API и декораторы.тем не менее, он поддерживает устаревшие браузеры.Angular 2 имеет simplifiAPIit имеет меньше встроенных директив для изучения, более простую привязку.

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

  3. 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  6. Что такое Angular 4 ?

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

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

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

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

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

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

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

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

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

    • Уменьшить размер view engine : — есть более продвинутые изменения в AOT угловой так улучшить время компиляции. Эти изменения также уменьшают размер приложения почти на 60%.
    • Ввести новую трубу : — угловой 4 ввести новый ‘titlecase’ трубы ‘ / ‘ так
      используя эту трубу, вы можете изменить первую заглавную букву любого слова.
    • ngIf и остальное : — ранее ngIf есть но в angular 4 они
      также введите «else» так, теперь вы можете использовать блок if else в html DOM.
    • Как ключевое слово : — угловой 4 ввести новое ключевое слово под названием » как’ для
      упрощение ‘ let ‘ как определено ранее
    • Анимационные пакеты: — отдельный анимационный пакет от angular core. Теперь анимация имеет свой собственный пакет т. е.
      @ angular / платформа-браузер / анимация.
    • Переименовать шаблон: — теперь шаблон станет «ng-template». Вы должны использовать
      ng-template tag вместо template.
    • Поиск params : — в angular 4 Вы можете дать поиск params в http
      запрос. Это стало простым в использовании.
    • Новые валидаторы форм: — существует много форм валидации,
      угловой 2, но есть один, который более одновременно использовать т. е. электронная почта
      валидатор. Поэтому теперь используйте email validator который вводится в angular