Вопросы с меткой [angular5]
Вопросы о Angular версии 5, веб-фреймворке от Google. Используйте этот тег для Angular вопросов, которые относятся только к версии 5. Используйте тег "angular" для любых вопросов Angular, которые не являются специфичными для отдельной версии.
154
вопроса
0
голосов
0
ответов
17
показов
Не добавляются данные при использовании атрибута disabled элемента submit
Есть форма с кнопкой типа submit, при клике
на которой должны вставляться данные на сервере, считанные
из input. При использовании атрибута
disabled="carForm.invalid" вставка не происходит, ...
0
голосов
1
ответ
57
показов
Angular проекты с нуля
Работаю в готовом проекте где используется angular (front) и nodeJs (backend). Хотел бы сделать свой такой проект с нуля. Посоветуйте, пожалуйста, как сделать? Может есть ресурсы, книги или другие ...
0
голосов
0
ответов
72
показа
Протестировать Angular компонент с инжектированным сервисом
Компонент принимает:
TransformDateService - преобразует дату в специфический формат
@Input - заходит глубокий массив обьектов.
Внутри компонента массив перебирается, трансформируется, в нужном месте ...
0
голосов
1
ответ
36
показов
Отображение элементов по категориям
Всем привет, у меня есть компонент категорий, при нажатии на которые, должны отображаться только те карточки, которые имеют данную категорию.
Вот собственно компонент категорий
<div class="...
0
голосов
0
ответов
222
показа
Пользовательская директива для изменения цвета текста
У меня есть компонент, содержащий категории, мне нужно реализовать директиву, с помощью которой при наведении курсора на каждую из их категорий, например, цвет изменился, я навожу курсор на текст &...
0
голосов
0
ответов
52
показа
Unexpected token < in JSON at position 0 angular
Подскажите, как решить проблему? Получаю ошибку, когда генерирую сборку и переношу её на сервер. Я уже читал статьи, менял basehref, добавлял
<!DOCTYPE html>
<html lang="ru">
...
0
голосов
0
ответов
22
показа
Не выводит данные ANGULAR PHP MVC
У меня есть вью, которое выводит данные.
<div class="card">
<div class="card-body">
<form action="" class="form-horizontal" name="...
0
голосов
0
ответов
14
показов
Live Reloading после загрузки файлов
Есть инпут для загрузки картинок, загружаю на сервер с помощю multer. После загрузки перемещаю файлы в src/assets , и сразу срабатывает Live Reloading, а мне надо полученый массив отрисовать, не пойму ...
1
голос
1
ответ
50
показов
Angular Binding как лучше
Скажите какой способ лучше подходит для отслеживания изменений переменной в Angular.
<img [src]="img" alt="">
<img src="{{img}}" alt="">
...
0
голосов
0
ответов
39
показов
XSS Laravel и Angular
Для защиты от XSS в Laravel используются двойные скобки {{ $name }}. Для защиты от XSS в Angular тоже исполюзуются двойные скобки {{interpolationText}}.
Вопрос - на каком из двух вышеуказанных ...
0
голосов
1
ответ
108
показов
Angular и Laravel
Как использовать одновременно Laravel и Angular при разработке веб приложения?
С работой двух данных фреймворков сталкиваюсь впервые, поэтому вопрос может показаться глупым.
После старта Angular ...
1
голос
1
ответ
162
показа
Инкапсуляция Angular
Изучаю Angular. Почти мгновенно, в ходе чтения мануала возникли вопросы:
Зачем нужна инкапсуляция CSS стилей в Angular и стоит ли её отключать?
Также какие плюсы/минусы есть при отключении ...
1
голос
1
ответ
141
показ
Вопросы от чайника
Только начал изучать Angular, и сразу возникло несколько вопросов. Буду благодарен если вы поможете разобраться с ними. Спасибо.
Вопросы:
В мануале указано, что для запуска Angular нужно ввести ...
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 }})
}
...
0
голосов
1
ответ
241
показ
Как передать значение c checkbox angular?
В компоненте есть переменная типа boolean - isBlocked, и на форме имею два checkbox , хочу что б при нажатии на один присваивалось значение true переменной isBlocked, а при нажатии на другой ...
0
голосов
0
ответов
54
показа
Не работает update user , делаю с помощью диалогового окна, не пойму что не так
В этом компоненте вызываю другой компонент который имеет форму для update user
export class ListClientComponent implements OnInit {
clients: Observable<Array<UserProfile>>;
id: ...
1
голос
1
ответ
83
показа
Можно ли как то повесить на mat-slide-toggle две функции
Я получил заблокирован пользователь или нет .
У меня есть 2 функции заблокировать пользователя и разблокировать пользователя.
Хочу что б при нажатии на toggle срабатывали эти функции или может есть ...
1
голос
0
ответов
127
показов
Angular-material
проблема с иконками в Angular-material. Не то что проект не отображает иконки, даже сайт https://material.angular.io/ не отображает иконок, как я понял проблема в браузере, пробовал переустановить ...
0
голосов
0
ответов
47
показов
Как правильно взаимодействовать в разметке со значениями BehaviorSubject из сервиса?
Как я понял - правильно создавать не просто переменные, а BehaviorSubject ли Subject в сервисе и потом на них ссылаться в разметке, хотя при изменении значений у меня и без этого они сразу же ...
0
голосов
1
ответ
121
показ
Как отловить потерю фокуса с компонента?
Есть компонент улучшенный dropbox и при потере фокуса я хочу скрыть выпадающий список. Вот код
import { Attribute, Component, Input, HostListener, Output, EventEmitter } from '@angular/core';
@...
0
голосов
1
ответ
303
показа
Как отловить потерю фокуса с компонента и изменить значение при выборе не только в компоненте, а и в привязке?
Есть компонент улучшенный dropbox и он выводит данные и потом я хочу передать выбранное значение вверх и при потере фокуса скрыть выпадающий список. Вот код
import { Component, Input, HostListener } ...
0
голосов
1
ответ
48
показов
Как создать директиву в angular
Читал про то как создать директиву, однако нашёл только про то как воздействовать на css,никак не пойму как применить к html. Нужно реализовать следущую задачу:
Нужно создать директиву [list], ...
4
голоса
2
ответа
2k
показов
Сортировка в таблице(angular)
Eсть таблица, при клике на его header-ы(name, surname, age или gender) нужно отсортировать по нажатым названиям, на пример если нажать по name, surname нужно будет отсортировать по алфавитному порядку,...
2
голоса
0
ответов
38
показов
Drag and Drop set value forms
У меня есть Drag and Drop
Код:
codesandbox
Надо реализовать чтоб при перетаскивании с левого поля Drag and Drop в правое данные сетились в форму! Когда нажимал сабмит оны собирались!
Проблема ...
0
голосов
0
ответов
33
показа
Почему не выстрелил асинк?
Мой код прелоадера:
import { Injectable } from "@angular/core";
import { Subject, Observable } from 'rxjs';
@Injectable()
export class SpinnerService {
private preloaderState$ = new Subject<...
0
голосов
1
ответ
18
показов
Как можно вывести данные из динамического объекта
Есть следующий объект:
[
{
"title": "Батарея",
"sections": {
"Ємність": "2",
"Тип": "1"
}
},
{
"title": "Процесор",
"sections": {
"Кількість ядер": "22",
...
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....
0
голосов
0
ответов
77
показов
Как использовать formControl для двух input
У меня есть два input:
<label for="location">Location</label>
<input type="text"
id="location"
[formControlName]="location"
#loc
[...
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....
0
голосов
1
ответ
599
показов
Как сделать google Oauth 2.0 Angular 2+?
вообщем есть такое пособие. https://developers.google.com/identity/protocols/O... По мимо него я еще очень много других нашел, но у меня в корне не получается после обратного редиректа(когда я попадаю ...
0
голосов
1
ответ
927
показов
RxJS Таймер циклических запросов учитывающий время ответа
Ищу метод в RxJS (v6.x) что бы отправлять циклические запросы на сервер, предположим каждые 30 скунд на подобии { timer } from 'rxjs', но проблема в том что-бы не учитывать время самого запроса. На ...
0
голосов
1
ответ
406
показов
Как импортировать type definition в Angular-проект?
Подключил из npm types для яндекс-карт: "@types/yandex-maps": "^2.1.6"
в tsconfig путь указан к ним (другие types работают норм):
"typeRoots": [
"../node_modules/@types"
]
Импортирую в ...
0
голосов
0
ответов
66
показов
Регистрация провайдера сервиса в соседнем модуле
есть такая иерархия модулей
RootModule
Child_1
Child_2
я хочу в руте иметь интерфейс IMyService
в первом модуле-потомке зарегистрировать его реализацию MyService
во втором модуле иметь ...
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>
&...
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>
...
0
голосов
0
ответов
21
показ
Как правильно спроектировать компонент на подгрузку динамического контента (формы)
Вопрос чисто теоретический, на архитектуру. Каким образом реализовать динамическое отображение форм, каким путем лучше всего пойти?
Пример:
Категория - автомобиль. Форма с полями - марка, пробег, ...
0
голосов
0
ответов
254
показа
Импорт модулей Yandex Angular (ymaps.modules import angular)
Как правильно сделать импорт модуля ymaps (например: yandex/mapsapi-heatmap в Angular) import{ Heatmap} from 'ymaps-heatmap', как быть? На момент импорта модуля yandex карта еще не загружена и ...
0
голосов
1
ответ
34
показа
Существует ли навигатор по сторонним пакетам Angular?
Уже всю ПС перерыл, но так и не нашел сайта посвященного подборке angular модулей
Ищу подобный сайт:
ReactJS: https://react.parts
Vue: https://vuecomponents.com & https://madewithvuejs.com
...
0
голосов
1
ответ
102
показа
Поворот объекта (изображения) в сторону следующей координаты перемещения
Хай, уважаемые коллеги. Разрабатываем на данный момент некие летающие объекты по экрану на Angular, возникла проблема - рандомно они летают, но без поворотов, уже перепробовали множество вариантов, но ...
4
голоса
1
ответ
398
показов
Возможно ли одним fxFlex-ом добиться нужного вида?
Необходимо получить такой результат:
Но проблема вот в чем:
Если в блоке fxLayout="row wrap" fxLayoutGap="25px"
для элемента задать fxFlex="20", в строке вмещается 3 элемента, а не 4 из-за отступов ...
0
голосов
1
ответ
28
показов
Как в Angular 7 обойти все узлы с заданным классом и совершить некие манипуляции с ними?
Вот разметка
<!--my.component.html при загрузке страницы-->
<ul>
<li class="active">Value 1</li>
<li>Value 2</li>
<li>Value 3</li>
</...
0
голосов
0
ответов
492
показа
Отследить изменение размеров элемента в Angular
Есть всплывающее окно в котором по клику можно добавлять контролы.
Если количество контролов больше высоты экрана, то нужно добавлять скролл.
Как в Angular и где ( в каком хуке) лучше отслеживать ...
0
голосов
1
ответ
1k
показов
Как перевести фокус на кнопку при открытии формы в модальном окне?
Не пойму почему не правильно работает. Все было отлично, пока не добавил input в модальное окно. Если оно true то все ок:
Но если false, то окно даже не появляется (на в консоль выводится как будто ...
0
голосов
1
ответ
118
показов
Как избавиться от длинного switch case в шаблоне
Есть <div> который должен содержать форму ввода, но для разных случаев есть много разных форм компонентов
<app-support-error>
<app-support-billing>
<app-support-info>
...
Их ...
0
голосов
0
ответов
14
показов
не получается сделать редирект
есть код:
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
@Component({
selector: 'app-main',
templateUrl: './main.component.html',
styleUrls: ['./...
0
голосов
0
ответов
31
показ
Кастомный paginator на Angular
Какая логика кастомного паджинатора на Angular2?
Я передаю на сервер:
Номер страницы;
Кол-во страниц для показа
Получаю с сервера:
Общее количество станиц для вывода;
Массив страниц для показа;
...
0
голосов
0
ответов
34
показа
проблемы с EventListener
Работает только если открыто несколько окон. Как сделать чтобы работало, если открыто одно окно?
import { Component, ElementRef } from '@angular/core';
import { EventManager } from '@angular/...
1
голос
1
ответ
155
показов
не получается записать объект в sessionStorage
Возвращаю так:
[HttpGet("api/Account/SignInGoogle/{access_token}")]
public async Task<ActionResult<object>> _signInGoogle(string access_token)
{
///... код....
return Ok(new {
...
0
голосов
0
ответов
46
показов
Задать patchValue для множества контролов
Для редактирования профиля пользователя получаю данные в объекте data с сервера и добавляю методом patchValue к форме.
this.form.patchValue({ email: data.Email });
this.form.patchValue({ surname: ...
0
голосов
1
ответ
154
показа
Как из метода вернуть Observable<boolean> не содержащий ошибок?
Вот из такого метода:
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> | boolean {
return this.accountService.update().pipe(map(data => {
if (...