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

Angular — MVC-фреймворк от Google для разработки одностраничных веб-приложений. Используйте эту метку для Angular версии 2 и выше; для AngularJS версии 1.x используйте метку [angularjs].

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

После запроса delete angular, элемент не удаляется из списка

Всем привет. На angular сделал todoList. Возникла проблема с delete запросом. В принципе, он работает, но удаление происходит после обновления страницы. Я понимаю, что запрос уходит на бекенд, но как ...
0 голосов
1 ответ
903 показа

Вывод данных из массива объектов typeScript

Нужно вывести массив объектов в TypeScript. Есть массив объектов: products: Array<object> = [ {id: 1, name: 'Пылесос Samsung', price: 2700, description: 'Мощность 750Вт'}, {id: 2, ...
1 голос
1 ответ
798 показов

Как программно прокрутить скролл определённого элемента?

Я хочу проекте angular прокрутить скролл в определённом элементе. Как это сделать средствами ангуляра либо просто на js ? window.scrollTo не подходит, так как это один из вложенных элементов.
0 голосов
0 ответов
29 показов

Не работает [checked] = "item.isCompleted"> в angular

Всем доброго дня. Я столкнулся с проблемой, что у меня не работает [checked] = "item.isCompleted"> Вот моя разметка: <li *ngFor="let todo of todoList"> <div *ngFor=...
0 голосов
1 ответ
285 показов

Как в angular вывести значение вложенного массива

Всем привет. Я пишу приложение на angular. Вот мой код import { Component, OnInit } from '@angular/core'; import { HttpClient } from '@angular/common/http'; import { Todo } from '../Todo'; import { ...
0 голосов
0 ответов
78 показов

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

Компонент принимает: TransformDateService - преобразует дату в специфический формат @Input - заходит глубокий массив обьектов. Внутри компонента массив перебирается, трансформируется, в нужном месте ...
0 голосов
0 ответов
125 показов

Почему нет перехода на роут в Angular?

У меня не отрабатывает переход на роут. Странно то, что в других местах работает, а в этом месте нет. В списке зарегистрированных роутов данные роут есть, при этом переход на данный роут идёт с ...
0 голосов
1 ответ
172 показа

Вывод порядковых номеров массива

Вроде бы простой вопрос - вывод порядкового номера элементов массива в Angular. Делаю так, но получаю ошибку: <li *ngFor="let i of this.countStr"> {{i}} </li> Тип 'number' не ...
0 голосов
1 ответ
204 показа

Почему не работает ngIf

Делаю в шаблоне проверку <div *ngIf="product.info && product.info !== undefined"> <quill-view-html [content]="product.info"></quill-view-html> </div&...
1 голос
1 ответ
9k показов

Error No overload matches this call TS2769

Есть интерфейс export interface Product { type?: string id?: string title?: string date?: Date } В сервисе вызываем метод getById(id: string) { return this.http.get(`${environment....
0 голосов
1 ответ
73 показа

Стягивание данных с нескольких форм в один компонент

Столкнулся с такой задачей нужно стянуть данные из нескольких форм в один компонент - Заказ по нажатию кнопки - submit. Подскажите как можно сделать, основная проблема это переиспользование компонента ...
0 голосов
1 ответ
46 показов

Angular: При создании селекта с помощью ngFor, одинаковые опции у всех селектов

Моя задача это создать шаблон селекта и позже с помочью DragDrop CDK копировать его в мой компонент сколько угодно раз с возможностью изменять опции. Проблема в том что мой шаблон работает на ...
1 голос
0 ответов
21 показ

Почему нет кнопок для смены месяцев на календаре ionic

Использую календарь в своем проекте, но почему-то не видно кнопок для перехода между месяцами <ion-calendar [(ngModel)]="date" (onChange)="onChange($event)" [type]=&...
0 голосов
0 ответов
41 показ

Angular socket: 1 emit - 1 subcribe на него - 2 реакции

Доброе утро, буду очень благодарна если кто то сможет мне помочь. Ситуация следующая: у нас есть socket.on. Внутрь передается функция которая емитит данные. В моем случае они равны undefined. В ...
0 голосов
1 ответ
507 показов

TS2769 No overload matches this call

Смотрю обучающий ролик на ютубе, как добавить token в ответное сообщение. Имеется сервис, где получаем token get token (): string | null { const fbTokenExp = localStorage.getItem('fb-token-exp');...
2 голоса
2 ответа
195 показов

Ругается что объект возможно нулевой

Создаю форму в компоненте export class LoginPageComponent implements OnInit { form!: FormGroup constructor() { } ngOnInit() { this.form = new FormGroup({ email: new FormControl(null,...
0 голосов
1 ответ
153 показа

Не работает роутинг Angular

Смотрю на ютубе ролики по роутингу в Angular Файл app-routing.module.ts, импорты опускаю const routes: Routes = [ { path: '', component: MainLayoutComponent, children: [ {path: '', ...
1 голос
0 ответов
41 показ

Не находит i18n en.json | Angular

Использую мультиязычность либой ngx-translate. В дебаге локально работает хорошо. Диплою приложение на тестовый AppServer а Azure и получаю ошибку в netwokr Локально все ок Нашел на просторах ...
0 голосов
1 ответ
66 показов

Angular Остановка выполнения программы до ответа сервера

Проблема: есть булевое, допускающее null свойство isAuthorized, в конструкторе сервиса отправляется get-запрос на сервер, чтобы получить информацию о пользователе и убедиться, что он авторизован. ...
0 голосов
1 ответ
78 показов

Ошибка при создании объекта из interface

Разрабатывал приложение на Angular и получил ошибку "Property 'post' has no initializer and is not definitely assigned in the constructor." подскажите, как ее исправить. app.components.ts ...
1 голос
1 ответ
95 показов

Запуск angular приложения на heroku

У меня возникла проблема, решение которой я не смог найти нигде. Когда я пытаюсь задеплоить приложение, мне выбивает ошибку -----> Building on the Heroku-20 stack -----> Using buildpack: heroku/...
0 голосов
1 ответ
29 показов

CI/CD release Angular:SSR Azure Devops

Наткнулся на очень распространенную ошибку. При накатывании релиза моего Angular app получаю ошибку ##[error]Error: No package found with specified pattern: D:\a\r1\a\**\*.zip<br/>Check if the ...
0 голосов
1 ответ
321 показ

antd _____ Как запретить ввод специальных символов, либо цифр в Form.Item ( Input )

const handleNameChange = (e: any) => { const { value, name } = e.target const isEmptyString = value === '' const MAX_LENGTH = 17 const isValid = (...
2 голоса
1 ответ
193 показа

Как решить проблему с подключением фрагмента HTML к основному HTML используя ng-include?

У меня есть один большой HTML файл, который я решил декомпозировать(разбить на несколько не больших логических HTML фрагментов) и подключить их все одном файле. Для этого я решил использовать ...
0 голосов
0 ответов
179 показов

TS2322: Type 'Product[] | null' is not assignable to type 'Product[]' в чем проблема?

Интерфейс export interface Product { id: number; name: string; description: string; price: number; imageURL: string; } И компонент products: Product[] = []; ngOnInit() { this....
1 голос
0 ответов
85 показов

Не могу вывести объект на экран из БД в Angular

Решил посмотреть, что такое Angular 12 и как он работает с .NET Задача вроде бы простая, но ничего не получается: нужно всего лишь вывести на экран объекты из БД, но я получаю пустоту. Вот на этой ...
1 голос
0 ответов
283 показа

Angular 12: Warning: 1 rules skipped due to selector errors:

В Angular 12 при построении проекта выдаётся такое вот предупреждение: Warning: 1 rules skipped due to selector errors: 0,700;1,400;1,700&display=swap); @font-face -> Unmatched selector: ;1,...
1 голос
2 ответа
700 показов

Rxjs подписка только на последний запрос

Как правильней и лучше всего реализовать подписку только на последний запрос? Например: Отправляем запрос. Он обрабатывается долго. Отправляем повторно второй запрос и получаем сразу ответ. ...
0 голосов
1 ответ
163 показа

Angular перерендер таблицы

Есть таблица, из Material библиотеки которая подключена к WebSocket и получает данные в среднем раз в 500мс. Все данные в колонке - динамические, значения любого столбца как и кол-во строк могут ...
0 голосов
1 ответ
80 показов

Как получить результат plural внутри ts файла?(статически это ,вроде, называется)

Есть такой плюрал. export class I18nPluralPipeComponent { messages: any[] = ['Message 1']; messageMapping: {[k: string]: string} = {'=0': 'No messages.', '=1': 'One message.', 'other': '# ...
0 голосов
0 ответов
57 показов

ChangeDetector не запускается

<div class="fields-container" *ngIf="props"> <nav> <div class="nav nav-tabs" role="tablist"> <a (click)="...
0 голосов
1 ответ
35 показов

Вопрос по документации angular > template variables

Вопрос в следующем, что имеется ввиду в последнем абзаце данного участка документации с оффсайта Angular: When you declare the variable on an , the variable refers to a TemplateRef instance, which ...
1 голос
0 ответов
48 показов

Запуск java приложения из angular сервиса

Есть приложение Angular v12 обернутое в Electron, на старте оно должно запустить модуль на java и дождаться вывода Application started для инициализации app.component (дело происходит в ...
0 голосов
1 ответ
193 показа

Проблема с CORS в Laravel API - Angular. Сервер работает на NGINX. Фронт на основном домене, бек на поддомене

Прошу помощи в данной ситуации. Сайт разработан в связке Backend = Laravel-8-REST-API, Frontend = Angular 11. В качестве сервера на localhost использован NGINX. API лежит на локальной машине на ...
1 голос
0 ответов
60 показов

Angular Router. Ошибка: Loading chunk 436 failed

При загрузке страниц admin и dashboard, в консоли выскакивает ошибка: ERROR Error: Uncaught (in promise): ChunkLoadError: Loading chunk 436 failed, а перехода нету. Остальные страницы прекрасно ...
0 голосов
1 ответ
121 показ

Как получить FormGroup из ng-content

Не могу реализовать следующую задачу: есть кастомная раскрывающаяся панель, в которую вкладывается различный контент (по типу mat-expansion-panel), контент проецируется через ng-content, необходимо ...
0 голосов
1 ответ
41 показ

Почему не работает метод map? В консоле выдает ошибку

const deleteColumns: any = { cols: editColumns[1].map((column: { id: any }) => { return {id: column.id}; }), }; Cannot read property 'map' of undefined
0 голосов
1 ответ
909 показов

RxJS. Как вызвать цепочку Observable используя результат предыдущих вызовов?

Есть 2 метода на уровне сервиса, один из которых использует результат работы второго как параметр: export class ApiService { ... HttpClient и все прочее ... getType(request): Observable<...
0 голосов
1 ответ
42 показа

Create The Instance with Ether.js

Получаю ошибку каждый раз, когда пытаюсь создать сущность через библиотеку ether.js Имею JSON файл, который я получил после компиляции .sol файла в Remix. Суть в чём? - Я пытаюсь соединиться с ...
0 голосов
1 ответ
685 показов

Мне нужно проверить тип данных, если он соответствует , то выполнить определенную логику . Но тайпскрит ругается на условие. Почему?

public editDocument(editColumnsDocument: Document | [Document, IdDelete?]): void { if (typeof editColumnsDocument === '[Document, IdDelete?]') Вот ошибка. TS2367: This condition will always ...
0 голосов
2 ответа
345 показов

Angular RxJs последовательность потоков

Есть 4 сервиса. $service1, $service2, $service3, $service4. Необходимо проверить ответ первого, и если там выполняется условие то вызывать второй сервис и всегда надо вызывать 3 и 4 сервис. $service1....
0 голосов
1 ответ
135 показов

ngx-bootstrap + Angular 12 Открытие модала из другого компонента

Во-первых, я не русский, но я пользуюсь переводчиком. Я пытаюсь создать общий модальный компонент ngx-bootstrap в Angular. Я искал в Интернете и пробовал этот способ. import { Component } from '@...
0 голосов
1 ответ
94 показа

Данные с сервера приходят в полном объёме, можно увидеть в консоли (метод tap в effect.ts). Но html их не рисует? И как обработать error в компоненте?

actions.ts import { Action } from "@ngrx/store"; export enum ArticlesActions { LoadArticles = '[Articles Page] Load Articles', ArticlesLoadedSuccess = '[Articles Page] Articles ...
0 голосов
1 ответ
88 показов

Angular + signalR

Два дня потрачено... Суть проблемы: Пишется мини чат на angular с. использованием signalR (бэкенд на c#, restAPI). Сейчас все работает когда приложение только запустилось, идем по адресу http://...
0 голосов
1 ответ
252 показа

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

у меня есть директива в которой я к элементу при клике добавляю класс selected и также при повторном клике убираю класс. @HostBinding('class.selected') isSelect = false @HostListener('click') ...
0 голосов
1 ответ
279 показов

Angular: Запрос на получение нового токена через интерсептор

Есть сервер который после аутентификации отдает 2 токена access и refresh. На клиенте я получаю их и ложу в local storage. Я выковал интерсептор который к каждому запросу вешает access token из local ...
0 голосов
1 ответ
24 показа

Видоизменить форму при переходе на другой URL

у меня есть форма добавления задачи по URL /todo, как мне при переходе на саму задачу по URL /todo/{id}, немного видоизменить эту же самую форму Компонент с формой <div class="form-control&...
0 голосов
1 ответ
59 показов

Отключить секьюрити на некоторых роутах Angular

использую кейклок с ангуляром, как повесить авторизацию пользователей именно на определённые роуты, например ('http://localhost:4200/auth/). А вот на эти роуты можно было бы заходить без регистрации ('...
0 голосов
1 ответ
74 показа

Не удаётся установить NgRx в проект Angular. В чём может быть дело?

я установил NgRx так как показано на сайте. В итоге получаю ошибку. Удалил, почистил node_modules, опять инсталлировал. Всё точно так же. В чём может быть дело?
0 голосов
1 ответ
67 показов

Как полностью синхронизировать 2 реактивные формы (их значения), если они находятся в разных местах приложения? [Angular + RxJS]

Никак не могу решить такую задачку. Angular 11 + Angular material. Компоненты находятся далеко друг от друга. Есть компонент checkboxesForm содержащий в себе реактивную форму состоящую всего из 3х ...