Вопросы с меткой [angular2]

Вторая версия фронтенд-фреймворка AngularJS. В Angular 2 реализован компонентный подход к построению веб-приложений. Он используется в основном с языком TypeScript, который поддерживает компиляцию в ECMAScript 5, ECMAScript 6 и ECMAScript 7.

Фильтрация
Сортировка
Метки
0 голосов
1 ответ
24 показа

Мне нужно разместить 20 на 20 ячеек с нумерацией

Мне нужно разместить 20 на 20 ячеек с нумерацией. как то так 1 1 2 3 4 5 2 1 2 3 4 5 3 1 2 3 4 5 4 1 2 3 4 5 И т.д Как посоветуете это сделать на ангуляре. Чтобы простым перебором не делать. P....
0 голосов
0 ответов
134 показа

Обновление счетчика просмотров Angular + Firebase

Всем привет. Я пытаюсь сделать счетчик просмотров статьи используя Angular + Firebase. Вот так выглядит модель статьи: id?: string; title: string; text: string; views: number; Количество просмотров ...
5 голосов
1 ответ
985 показов

Построение эффективной CI/CD инфраструктуры с нуля начинающему devops инженеру

Предыстория. На работе встала задача, наше новое приложение, разработанное на asp.net core и Angular по серьёзному развернуть на серверах компании. Инженеров devops нет и не предвидится, поэтому мне ...
0 голосов
1 ответ
191 показ

Как можно передать данные из одного дочернего компонента в другой?

Здравствуйте. Я только приступил к изучению Angular. Постал вопрос передачи данных с одного дочернего компонента в другой дочерний компонент (из метода одной компоненты срабатывает метод в другой). ...
0 голосов
0 ответов
100 показов

Двусторонняя связь для двух FormControl

Есть форма в которой два контрола Цена без НДС и Цена с НДС, задача в том чтобы когда меняется Цена без НДС, то Цена с НДС пересчитывалась и на оборот, если пользователь вводит цену с НДС, то цена ...
0 голосов
1 ответ
267 показов

Как сделать диапазон в календаре angular 2?

Всем привет! У меня есть календарь и надо сделать диапазон даты. При первом клике выбираю первую дату, а при втором - вторую. Выбирается первая дата, следующим образом: onClickDate(day, monthIndex, ...
0 голосов
1 ответ
356 показов

Ссылка на внешний <router-outlet> из внутреннего компонента. Angular 7

Вот вроде задача простая. Прочитал достаточно ссылок но все равно не могу достичь нужного результата. Есть Главный компонент <mat-sidenav-container>. У него мы знаем есть боковая панель <mat-...
0 голосов
0 ответов
48 показов

Infinite loop при обновлении store ngrx

В компонент приходят данные из стора (ngrx) data$: Observable<Data | undefined> В шаблоне мы их читаем, выводим data$ | async По клику в шаблоне вызываем метод updateData, который ...
0 голосов
1 ответ
159 показов

Interceptor и хедер запроса с фронта на Angular к беку .NET Core

Простой контроллер на выход из учетной записи [Authorize] [HttpPost("logout")] public async Task<IActionResult> Logout([FromBody]AuthTokenDTO dto) Я реализовал интесептор для установки хедера ...
0 голосов
1 ответ
67 показов

Типы элементов в Angular

Где можно увидеть все доступные типы, которые используются в Angular? Я имею в виду - HTMLInputElement, HTMLFormElement, ElementRef, KeyboardEvent, FormControl, SimpleChanges и др. Есть какой-...
0 голосов
0 ответов
531 показ

Создание и подключение модуля Angular

Хочу создать модуль, который будет инкапсулировать следующие объекты: // media.html-obj.ts import {JsonProperty} from 'json-typescript-mapper'; export class Video { @JsonProperty('...
0 голосов
0 ответов
71 показ

Ошибка при передачи объекта из родительского компонента в дочерний Angular

Есть у меня JSON объект который я получаю с сервера: { "header": { "logo": "CoolLogo", "logo_discriptor": "Інвестеційна платформа", "discriptor": "Примножимо гроші разом", ...
0 голосов
0 ответов
125 показов

Обновить данные в .subscribe()

Всем привет! Я использую Angular и Firebase для работы с данными. В базе хранятся статьи. Мне нужно обновлять счетчик просмотров у статьи, каждый раз, когда открывается страница с этой статьей. Вот ...
1 голос
0 ответов
234 показа

При добавлении Angular Material DatePicker появляется второй input

Добавляю в проект Angular DatePicker, по непонятной причине добавляется дополнительное поле из-за чего искажается отображение элемента. Html стандартный из примера: <mat-form-field> &...
0 голосов
1 ответ
211 показов

Не работает API пост запрос на контроллер. Angular 7, NET Core

Странная ситуация...без изменений то отправка на апишку работает..то нет..что самое интресное..когда отправка не работает то вообще не оправляет на контроллер на бек енд..в браузере нету в нетворке ...
0 голосов
1 ответ
236 показов

Кастомная сортировка массива объектов разными методами

Делаю кастомную сортировку (по убыванию/возрастанию) данных в таблице. Почему сортируется только в одну сторону? Обьект data меняется только один раз. data = [ { name: "Вася", age: 23 }, { ...
0 голосов
0 ответов
29 показов

Является хорошей практиков делать subscribe во вьюхе?

Вот у меня есть такой самописный интерфейс пагинатора: export interface Paginator<T> { canMoveNext: boolean; canMovePrev: boolean; currentPageItems: T[]; currentPageNumber: ...
0 голосов
1 ответ
186 показов

Как в Angular можно добавить тег при наведении?

Допустим, у меня список генерится через ngFor и нужно, что бы при наведении курсора на какой-либо объект ему добавлял класс, а после убирания курсора удалялся. Как это можно сделать?
2 голоса
1 ответ
2k показов

Angular 2. Плавный скрол к якорю. scrollspy

Добрый день! Подскажите пожалуйста как делается плавный скрол к якорю на странице и как можно реализовать скрол-спай по странице средствами средствами Angular2.
0 голосов
0 ответов
92 показа

Change detection в Angular

Подскажите, почему происходят changes в компоненте в котором changeDetection: ChangeDetectionStrategy.OnPush. В компоненте используется директива в которой код: @HostListener('mouseover') ...
0 голосов
1 ответ
69 показов

Редирект из CanActive ломает маршрутизацию

В общем, делал все по этому примеру и получил такой guard: @Injectable() export class CanActivateAdd implements CanActivate, OnDestroy { path: ActivatedRouteSnapshot[]; route: ...
0 голосов
0 ответов
108 показов

Дочерний CanActivate срабатывает раньше корневого Resolver

В общем есть такая конфигурация: const appRoutes: Routes = [ { path: '', component: BaseComponent, resolve: { data: PermissionResolver }, children: [ { path: '', loadChildren: './...
1 голос
1 ответ
68 показов

Запретить юзеру ходить по запрещенным маршрутам

На корневом маршруте стоит resolver, который дергает сервисы для получения прав пользователей. Эти права я далее использую для отрисовки меню, но ничего не мешает пользователю ввести маршрут ручками. ...
0 голосов
1 ответ
52 показа

Как инициализировать сервис значением из другого сервиса?

Допустим, есть сервис авторизации куда приложение стучится при запуске, что получить пользователя и его права. Так вот, я хочу создать еще 1 сервис в котором централизованно заложена логика доступа ...
0 голосов
1 ответ
55 показов

Почему фронт не работает по прямой ссылке?

Делал фронт через Ангулар, бек через Спринг фрейм. Есть роутинг с начальной страницы в app компоненте ts: onNavigate(url: string): void { this.router.navigateByUrl(url); } По такому примеру ...
0 голосов
1 ответ
353 показа

Как сделать button louder при отправке http запроса на Angular

Начал изучение angular, и решил узнать как можно сделать при нажатии на любую кнопку в моем приложении которая отвечает за отправку запроса на сервер что-то подобное https://www.jqueryscript.net/...
1 голос
1 ответ
51 показ

Почему метод вызывается раньше окончания resolve и так много раз?

Есть такой resolve: export class PermissionResolver implements Resolve<any> { constructor(private authService: AuthorizationService, private permissionService: PermissionService) { } ...
0 голосов
1 ответ
70 показов

Как правильно сделать отображение контента в зависимости от прав?

Допустим, есть разные страницы сайта, где нужно отображать различный контент в зависимости от прав. Есть 2 сервиса: 1) export class AuthorizationService { private _currentUser: User = new User(...
0 голосов
1 ответ
77 показов

Разные методы поиска в зависимости от страницы

Допустим, у меня зафиксировано меню навигации сверху страницы и в нем присутствует поиск. Однако, в зависимости от раздела сайта поиск должен обращаться к своим API и иметь специфические параметры. ...
-2 голоса
1 ответ
196 показов

Асинхронный вывод данных в шаблоне Angular

Я в шаблоне вывожу список товаров. Каждый товар отдельно шлется в запросе на сервер для вывода информации. Но метод parseValue ничего у меня не выводит. Пробовала выводить асинхронно через {{...
0 голосов
0 ответов
103 показа

Проблема с перезагрузкой страницы на хостинге Firebase

Приложение на ангуляр загрузил на firebase. Есть несколько роутов, все работает нормально, однако если обновить страницу то выдает 404. На локальном сервере работало все нормально. В чем может быть ...
0 голосов
1 ответ
39 показов

Что за файлы с суффиксом template?

Решил интереса ради поковырять Angular Dart, открыл Tour of Heroes и что-то не понимаю, откуда в главном модуле берутся файлы с суффиксом template. Например: import 'package:angular_tour_of_heroes/...
0 голосов
0 ответов
38 показов

Как качать бинарники в Angular?

В общем, сервер возвращает бинарник в ответ на запрос. К API я обращаюсь так: getData() { return this._httpClient.get(`${ this.apiUrl }/data`, { withCredentials: true, ...
0 голосов
0 ответов
53 показа

Как получить статус код?

Использую HttpRequest и хочу при каких-либо ошибках получить статус код. Нашел вот такое решение: http .post<T>('/yoururl', {observe: 'response'}) .subscribe(resp => { console.log(...
4 голоса
1 ответ
164 показа

Как сделать компонент с настраиваемым required?

Допустим, компонент А представляет собой блок input-ов. Этот компонент я добавляю внутрь другого компонента. В компоненте Б заполняемость input'ов может быть обязательная, а в компоненте С нет. В ...
0 голосов
1 ответ
44 показа

Как сделать компонент, который работает с несколькими типами в качестве входных параметров?

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

Настройка роутов express + angular 2?

Делаю проект на ангуляр 2 + express. Немогу правильно настроить роуты на сервере. Главная страница загружается хорошо; перехожу на внутреннею тоже все хорошо. Но когда перезагружаю страницу, то ...
0 голосов
1 ответ
116 показов

Тост не отображается при переадресации

Использую фреймворк PRIMENG. Я хочу сделать так, чтобы, если пользователь случайно перешел на страницу которая требует авторизации, то его должно сразу перенести на страницу входа в систему и ...
0 голосов
1 ответ
120 показов

Поворот объекта (изображения) в сторону следующей координаты перемещения

Хай, уважаемые коллеги. Разрабатываем на данный момент некие летающие объекты по экрану на Angular, возникла проблема - рандомно они летают, но без поворотов, уже перепробовали множество вариантов, но ...
0 голосов
0 ответов
137 показов

Поддержка angular7 в ie9

Необходимо обеспечить поддержку angular7 в ie9. По найденным советам уже подключил всевозможные полифиллы /** * This file includes polyfills needed by Angular and is loaded before the app. * You ...
4 голоса
1 ответ
412 показов

Возможно ли одним fxFlex-ом добиться нужного вида?

Необходимо получить такой результат: Но проблема вот в чем: Если в блоке fxLayout="row wrap" fxLayoutGap="25px" для элемента задать fxFlex="20", в строке вмещается 3 элемента, а не 4 из-за отступов ...
0 голосов
0 ответов
537 показов

Отследить изменение размеров элемента в Angular

Есть всплывающее окно в котором по клику можно добавлять контролы. Если количество контролов больше высоты экрана, то нужно добавлять скролл. Как в Angular и где ( в каком хуке) лучше отслеживать ...
0 голосов
1 ответ
980 показов

Деректива [routerLink] работает тогда, когда на текущей страничке присутствует router-outlet?

Столкнулся с проблемой: на странице есть кнопки с [routerLink]="['browser', page.id], так вот, при нажатии на кнопку менялось лишь значение в адресной строке, но другой компонент не загружался, хотя ...
0 голосов
0 ответов
55 показов

Инструменты для рефакторинга Angular приложения

Подскажите, существуют в природе инструменты, которые могут облегчить рефакторинг приложения? Например: переименовываю я класс и везде меняются импорты переименовал я метод и он переименовывается во ...
1 голос
1 ответ
920 показов

Как передать данные между дочерними компонентами?

Подскажите как передать данные между дочерними или совсем не родными компонентами? Вроде как можно через сервисы, но немогу понять логику как прописать. К примеру мне нужно передать дату из одного ...
0 голосов
1 ответ
35 показов

Как смаршрутизироваться на текущий компонент, но с другим параметром?

Допустим, есть маршрут info/id. В компоненте, который соответствует этому маршруту есть ссылки на другие id. Как я могу находясь на info/1 нажав на ссылку очутится на info/100500 ? Пробовал ...
0 голосов
0 ответов
224 показа

Как правильно хранить данные текущего пользователя в Angular?

В общем, приложение является оберткой над WinApi с виндовой аутентификацией. У меня встал вопрос: Как правильно хранить данные пользователя, что бы потом на основании их отрисовывать те или иные ...
0 голосов
0 ответов
42 показа

Можно ли выполнить валидацию вот такого элемента средствами Angular?

В общем, сделал элемент, который добавляет теги подобно SO: <div class="form-group"> <div> <div class="row"> <label class="col-form-label col-sm-2" for="...
0 голосов
0 ответов
55 показов

Вытащить маршрут из NavigationEnd

this.router.events.pipe( filter((event) => event instanceof NavigationEnd)).subscribe( x => { console.log('val',x); this.redUrl = x['url']; console....
0 голосов
1 ответ
53 показа

Как воспользоваться двумя сервисами в одном компоненте? Angular2

В данном компоненте я создаю модальное окно используя DialogService. После подтверждения вызывается метод confirm, где вызывается метод setName сервиса SocketService. При запуске приложения появляется ...