Angular. Can't set breakpoints in VS Code

Опубликовано в Angular • 10 апреля 2018 г. • 1 мин. на чтение

Следует добавить конструкцию "sourceMapPathOverrides": { "webpack:/*": "${webRoot}/*" } в файл запуска .vscode/launch.json.

В результате содержимое файла launch.json должно иметь вид:

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "ng serve",
      "sourceMapPathOverrides": {
        "webpack:/*": "${webRoot}/*"
      },
      "type": "chrome",
      "request": "launch",
      "url": "http://localhost:4200",
      "webRoot": "${workspaceFolder}",
    }
  ]
}

Похожие записи

Angular. Enum values in template

Записать enum в свойство компонента и использовать это свойство.

Upload файла в Angular по клику кнопки

Создано простейшее nestjs приложение, принимающее файлы. Выбор и отправка файла по клику подразумевает, что на форме отсутствует input для файла. Отправка запроса осуществляется с отслеживанием прогресса.

Об subscribe() vs async

О предпочтительности использования async pipe. При OnPush стратегии не требуется вызывать markForCheck() внутри подписки +решение с несколькими | async pipes развёрнутых в одну переменную (внутри шаблона).

Angular routerLink conditionally

<a [routerLink]="myVar ? '/home' : null" routerLinkActive="is-active">Home</a>
or
<a [routerLink]="myVar ? ['/home'] : []">Home</a>

RxJS. Простой кэш HTTP запроса с параметром

Способ с использованием Map (ключи -параметры запроса) и rxjs операторов publishReplay(1), refCount()

Angular. Показать spinner во время навигации

Подписка на router.events, на событие NavigationStart spinner показывается, на события NavigationEnd, NavigationCancel, NavigationError скрывается.