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

Вопросы о Angular версии 5, веб-фреймворке от Google. Используйте этот тег для Angular вопросов, которые относятся только к версии 5. Используйте тег "angular" для любых вопросов Angular, которые не являются специфичными для отдельной версии.

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

Не добавляются данные при использовании атрибута disabled элемента submit

Есть форма с кнопкой типа submit, при клике на которой должны вставляться данные на сервере, считанные из input. При использовании атрибута disabled="carForm.invalid" вставка не происходит, ...
Anton's user avatar
  • 37
0 голосов
1 ответ
57 показов

Angular проекты с нуля

Работаю в готовом проекте где используется angular (front) и nodeJs (backend). Хотел бы сделать свой такой проект с нуля. Посоветуйте, пожалуйста, как сделать? Может есть ресурсы, книги или другие ...
Cool_Dude's user avatar
0 голосов
0 ответов
72 показа

Протестировать Angular компонент с инжектированным сервисом

Компонент принимает: TransformDateService - преобразует дату в специфический формат @Input - заходит глубокий массив обьектов. Внутри компонента массив перебирается, трансформируется, в нужном месте ...
Lex's user avatar
  • 459
0 голосов
1 ответ
36 показов

Отображение элементов по категориям

Всем привет, у меня есть компонент категорий, при нажатии на которые, должны отображаться только те карточки, которые имеют данную категорию. Вот собственно компонент категорий <div class="...
Zelars Green's user avatar
0 голосов
0 ответов
222 показа

Пользовательская директива для изменения цвета текста

У меня есть компонент, содержащий категории, мне нужно реализовать директиву, с помощью которой при наведении курсора на каждую из их категорий, например, цвет изменился, я навожу курсор на текст &...
Zelars Green's user avatar
0 голосов
0 ответов
52 показа

Unexpected token < in JSON at position 0 angular

Подскажите, как решить проблему? Получаю ошибку, когда генерирую сборку и переношу её на сервер. Я уже читал статьи, менял basehref, добавлял <!DOCTYPE html> <html lang="ru"> ...
Rakzin Roman's user avatar
  • 5,700
0 голосов
0 ответов
22 показа

Не выводит данные ANGULAR PHP MVC

У меня есть вью, которое выводит данные. <div class="card"> <div class="card-body"> <form action="" class="form-horizontal" name="...
user avatar
0 голосов
0 ответов
14 показов

Live Reloading после загрузки файлов

Есть инпут для загрузки картинок, загружаю на сервер с помощю multer. После загрузки перемещаю файлы в src/assets , и сразу срабатывает Live Reloading, а мне надо полученый массив отрисовать, не пойму ...
JuniorCoder's user avatar
1 голос
1 ответ
50 показов

Angular Binding как лучше

Скажите какой способ лучше подходит для отслеживания изменений переменной в Angular. <img [src]="img" alt=""> <img src="{{img}}" alt=""> ...
Olelolur's user avatar
0 голосов
0 ответов
39 показов

XSS Laravel и Angular

Для защиты от XSS в Laravel используются двойные скобки {{ $name }}. Для защиты от XSS в Angular тоже исполюзуются двойные скобки {{interpolationText}}. Вопрос - на каком из двух вышеуказанных ...
Olelolur's user avatar
0 голосов
1 ответ
108 показов

Angular и Laravel

Как использовать одновременно Laravel и Angular при разработке веб приложения? С работой двух данных фреймворков сталкиваюсь впервые, поэтому вопрос может показаться глупым. После старта Angular ...
Olelolur's user avatar
1 голос
1 ответ
162 показа

Инкапсуляция Angular

Изучаю Angular. Почти мгновенно, в ходе чтения мануала возникли вопросы: Зачем нужна инкапсуляция CSS стилей в Angular и стоит ли её отключать? Также какие плюсы/минусы есть при отключении ...
Olelolur's user avatar
1 голос
1 ответ
141 показ

Вопросы от чайника

Только начал изучать Angular, и сразу возникло несколько вопросов. Буду благодарен если вы поможете разобраться с ними. Спасибо. Вопросы: В мануале указано, что для запуска Angular нужно ввести ...
John2931's user avatar
1 голос
0 ответов
36 показов

Angular HttpInterceptor, получить статус от запроса несмотря на ошибку или 201

addToken(req: HttpRequest<any>, token: string|null): HttpRequest<any> { return req.clone({ setHeaders: { Accept: 'application/json', Authorization: 'Bearer ' + token }}) } ...
arenproger's user avatar
0 голосов
1 ответ
241 показ

Как передать значение c checkbox angular?

В компоненте есть переменная типа boolean - isBlocked, и на форме имею два checkbox , хочу что б при нажатии на один присваивалось значение true переменной isBlocked, а при нажатии на другой ...
Dmitriy's user avatar
  • 101
0 голосов
0 ответов
54 показа

Не работает update user , делаю с помощью диалогового окна, не пойму что не так

В этом компоненте вызываю другой компонент который имеет форму для update user export class ListClientComponent implements OnInit { clients: Observable<Array<UserProfile>>; id: ...
Dmitriy's user avatar
  • 101
1 голос
1 ответ
83 показа

Можно ли как то повесить на mat-slide-toggle две функции

Я получил заблокирован пользователь или нет . У меня есть 2 функции заблокировать пользователя и разблокировать пользователя. Хочу что б при нажатии на toggle срабатывали эти функции или может есть ...
Dmitriy's user avatar
  • 101
1 голос
0 ответов
127 показов

Angular-material

проблема с иконками в Angular-material. Не то что проект не отображает иконки, даже сайт https://material.angular.io/ не отображает иконок, как я понял проблема в браузере, пробовал переустановить ...
Vahan's user avatar
  • 284
0 голосов
0 ответов
47 показов

Как правильно взаимодействовать в разметке со значениями BehaviorSubject из сервиса?

Как я понял - правильно создавать не просто переменные, а BehaviorSubject ли Subject в сервисе и потом на них ссылаться в разметке, хотя при изменении значений у меня и без этого они сразу же ...
Rakzin Roman's user avatar
  • 5,700
0 голосов
1 ответ
121 показ

Как отловить потерю фокуса с компонента?

Есть компонент улучшенный dropbox и при потере фокуса я хочу скрыть выпадающий список. Вот код import { Attribute, Component, Input, HostListener, Output, EventEmitter } from '@angular/core'; @...
Rakzin Roman's user avatar
  • 5,700
0 голосов
1 ответ
303 показа

Как отловить потерю фокуса с компонента и изменить значение при выборе не только в компоненте, а и в привязке?

Есть компонент улучшенный dropbox и он выводит данные и потом я хочу передать выбранное значение вверх и при потере фокуса скрыть выпадающий список. Вот код import { Component, Input, HostListener } ...
Rakzin Roman's user avatar
  • 5,700
0 голосов
1 ответ
48 показов

Как создать директиву в angular

Читал про то как создать директиву, однако нашёл только про то как воздействовать на css,никак не пойму как применить к html. Нужно реализовать следущую задачу: Нужно создать директиву [list], ...
Vahan's user avatar
  • 483
4 голоса
2 ответа
2k показов

Сортировка в таблице(angular)

Eсть таблица, при клике на его header-ы(name, surname, age или gender) нужно отсортировать по нажатым названиям, на пример если нажать по name, surname нужно будет отсортировать по алфавитному порядку,...
Vahan's user avatar
  • 483
2 голоса
0 ответов
38 показов

Drag and Drop set value forms

У меня есть Drag and Drop Код: codesandbox Надо реализовать чтоб при перетаскивании с левого поля Drag and Drop в правое данные сетились в форму! Когда нажимал сабмит оны собирались! Проблема ...
JuniorCoder's user avatar
0 голосов
0 ответов
33 показа

Почему не выстрелил асинк?

Мой код прелоадера: import { Injectable } from "@angular/core"; import { Subject, Observable } from 'rxjs'; @Injectable() export class SpinnerService { private preloaderState$ = new Subject<...
Jony's user avatar
  • 1,998
0 голосов
1 ответ
18 показов

Как можно вывести данные из динамического объекта

Есть следующий объект: [ { "title": "Батарея", "sections": { "Ємність": "2", "Тип": "1" } }, { "title": "Процесор", "sections": { "Кількість ядер": "22", ...
Kzz xD's user avatar
  • 401
0 голосов
0 ответов
35 показов

Могу ли я динамически добавлять объект в FormGroup

У меня есть такой FormBuilder: public categoryForm = this.fb.group({ categoryName: ['', Validators.required], fields: this.fb.group({ section: this.fb.group({ title: [''], field:this.fb....
Kzz xD's user avatar
  • 401
0 голосов
0 ответов
77 показов

Как использовать formControl для двух input

У меня есть два input: <label for="location">Location</label> <input type="text" id="location" [formControlName]="location" #loc [...
Kzz xD's user avatar
  • 401
0 голосов
0 ответов
137 показов

Не работает DataTable

Скачал: npm install jquery --save npm install datatables.net --save npm install datatables.net-dt --save npm install @types/jquery --save-dev npm install @types/datatables.net --save-dev В angular....
Vitaliy Stop_RU_war_in_UA's user avatar
0 голосов
1 ответ
599 показов

Как сделать google Oauth 2.0 Angular 2+?

вообщем есть такое пособие. https://developers.google.com/identity/protocols/O... По мимо него я еще очень много других нашел, но у меня в корне не получается после обратного редиректа(когда я попадаю ...
Даниил Соловьев's user avatar
0 голосов
1 ответ
927 показов

RxJS Таймер циклических запросов учитывающий время ответа

Ищу метод в RxJS (v6.x) что бы отправлять циклические запросы на сервер, предположим каждые 30 скунд на подобии { timer } from 'rxjs', но проблема в том что-бы не учитывать время самого запроса. На ...
Pavel's user avatar
  • 5,297
0 голосов
1 ответ
406 показов

Как импортировать type definition в Angular-проект?

Подключил из npm types для яндекс-карт: "@types/yandex-maps": "^2.1.6" в tsconfig путь указан к ним (другие types работают норм): "typeRoots": [ "../node_modules/@types" ] Импортирую в ...
sanu's user avatar
  • 2,565
0 голосов
0 ответов
66 показов

Регистрация провайдера сервиса в соседнем модуле

есть такая иерархия модулей RootModule Child_1 Child_2 я хочу в руте иметь интерфейс IMyService в первом модуле-потомке зарегистрировать его реализацию MyService во втором модуле иметь ...
iRumba's user avatar
  • 5,928
0 голосов
0 ответов
139 показов

Не работает событие click внутри цикла ngFor

HTML <ul> <li *ngFor="let i of localStorMessage();"> <p>{{i.name}}</p> <button *ngIf="canIEdit();" (click)="editMessage();">edit</button> </li> &...
Danil 's user avatar
  • 52
0 голосов
0 ответов
106 показов

Не работает событие click внутри ngFor

<ul> <li *ngFor="let i of items"> <p>{{i.name}}</p> <button mat-button *ngIf="func();" (click)="editMessage()">edit</button> </li> </ul> ...
Danil 's user avatar
  • 52
0 голосов
0 ответов
21 показ

Как правильно спроектировать компонент на подгрузку динамического контента (формы)

Вопрос чисто теоретический, на архитектуру. Каким образом реализовать динамическое отображение форм, каким путем лучше всего пойти? Пример: Категория - автомобиль. Форма с полями - марка, пробег, ...
Developer's user avatar
0 голосов
0 ответов
254 показа

Импорт модулей Yandex Angular (ymaps.modules import angular)

Как правильно сделать импорт модуля ymaps (например: yandex/mapsapi-heatmap в Angular) import{ Heatmap} from 'ymaps-heatmap', как быть? На момент импорта модуля yandex карта еще не загружена и ...
Andrey Novak's user avatar
0 голосов
1 ответ
34 показа

Существует ли навигатор по сторонним пакетам Angular?

Уже всю ПС перерыл, но так и не нашел сайта посвященного подборке angular модулей Ищу подобный сайт: ReactJS: https://react.parts Vue: https://vuecomponents.com & https://madewithvuejs.com ...
Андрей's user avatar
0 голосов
1 ответ
102 показа

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

Хай, уважаемые коллеги. Разрабатываем на данный момент некие летающие объекты по экрану на Angular, возникла проблема - рандомно они летают, но без поворотов, уже перепробовали множество вариантов, но ...
Андрей Котов's user avatar
4 голоса
1 ответ
398 показов

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

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

Как в Angular 7 обойти все узлы с заданным классом и совершить некие манипуляции с ними?

Вот разметка <!--my.component.html при загрузке страницы--> <ul> <li class="active">Value 1</li> <li>Value 2</li> <li>Value 3</li> </...
Zhdun's user avatar
  • 45
0 голосов
0 ответов
492 показа

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

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

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

Не пойму почему не правильно работает. Все было отлично, пока не добавил input в модальное окно. Если оно true то все ок: Но если false, то окно даже не появляется (на в консоль выводится как будто ...
Vitaliy Stop_RU_war_in_UA's user avatar
0 голосов
1 ответ
118 показов

Как избавиться от длинного switch case в шаблоне

Есть <div> который должен содержать форму ввода, но для разных случаев есть много разных форм компонентов <app-support-error> <app-support-billing> <app-support-info> ... Их ...
Pavel's user avatar
  • 5,297
0 голосов
0 ответов
14 показов

не получается сделать редирект

есть код: import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router'; @Component({ selector: 'app-main', templateUrl: './main.component.html', styleUrls: ['./...
Vitaliy Stop_RU_war_in_UA's user avatar
0 голосов
0 ответов
31 показ

Кастомный paginator на Angular

Какая логика кастомного паджинатора на Angular2? Я передаю на сервер: Номер страницы; Кол-во страниц для показа Получаю с сервера: Общее количество станиц для вывода; Массив страниц для показа; ...
Marina's user avatar
  • 193
0 голосов
0 ответов
34 показа

проблемы с EventListener

Работает только если открыто несколько окон. Как сделать чтобы работало, если открыто одно окно? import { Component, ElementRef } from '@angular/core'; import { EventManager } from '@angular/...
Vitaliy Stop_RU_war_in_UA's user avatar
1 голос
1 ответ
155 показов

не получается записать объект в sessionStorage

Возвращаю так: [HttpGet("api/Account/SignInGoogle/{access_token}")] public async Task<ActionResult<object>> _signInGoogle(string access_token) { ///... код.... return Ok(new { ...
Vitaliy Stop_RU_war_in_UA's user avatar
0 голосов
0 ответов
46 показов

Задать patchValue для множества контролов

Для редактирования профиля пользователя получаю данные в объекте data с сервера и добавляю методом patchValue к форме. this.form.patchValue({ email: data.Email }); this.form.patchValue({ surname: ...
Lex's user avatar
  • 459
0 голосов
1 ответ
154 показа

Как из метода вернуть Observable<boolean> не содержащий ошибок?

Вот из такого метода: canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> | boolean { return this.accountService.update().pipe(map(data => { if (...
Qulac's user avatar
  • 37