Рубрики

Угловой 4 | Вступление

Angular 4 был выпущен через 5 лет после официального релиза AngularJS. Между этими двумя версиями был представлен Angular 2, который полностью переписал AngularJS. Архитектура AngularJS «MVC» была отброшена, в Angular 2 была введена новая архитектура «сервис-контроллер». После Angular 2 появился Angular 4, который был намного более эффективным, чем его предшественник. Однако архитектура, использованная в обеих версиях, была одинаковой, и поэтому обновление проекта с версии v2 до версии v4 было сравнительно проще, чем обновление с JS до версии v2.
Angular 3 был пропущен, поскольку пакет маршрутизатора уже был в версии 3.3.0. Чтобы избежать дальнейших сбоев, команда решила пропустить v3.x и обновить все остальные модули непосредственно до v4.0. Angular 4 изначально выпущен в марте 2017 года.

Функции:

  • Архитектура: архитектура AngularJS MVC была заменена архитектурой «сервис-контроллер».
  • Механизм просмотра : Механизм просмотра помогает уменьшить код компонента на 60%. Это делает приложение легким, поскольку размеры пакетов уменьшаются на несколько килобайт.
  • Анимация: Анимация теперь имеет отдельный пакет. Анимация также может быть импортирована из BrowserAnimationsModule из @ angular / platform-browser / animations .
  • Typescript: Angular 4 использует Typescript v2.2. Typescript считается надмножеством Javascript.
  • Новые ключевые слова: были введены некоторые новые ключевые слова, такие как «как». Это обычно используется для хранения вывода среза или команды в некоторой переменной. Условие else было также введено в Angular 4. Введение if-else; условие цикла помогло в конденсации кода.
    • Использование ключевого слова «как»:

      <div *ngFor="let j of weeks | slice:0:5 as num">

         Months: {{j}} Num: {{num.length}}

      </div>

    • Использование условия «if-else» в Angular 4: «ngIf» выводит «Valid Condition», тогда как условие «else» выводит «Invalid Condition».

      <span *ngIf="isavailable; else condition1">

      Valid Condition.</span>

      <ng-template #condition1>

      Invalid Condition</ng-template>

  • Мобильная поддержка: Angular 4 поддерживается практически каждым современным мобильным браузером.
  • Параметр поиска HTTP: Нет необходимости вызывать URLSearchParams для параметра поиска HTTP.
  • Совместимость с предыдущей версией: Angular 4 совместим с Angular 2 и AngularJS. Проекты, разработанные в Angular 2, будут работать без проблем в Angular 4.

Рекомендуемые посты:

Угловой 4 | Вступление

0.00 (0%) 0 votes