Популярные ответы с меткой

7 голосов

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

Данные между передавать разными способами, можно изолировать логику в сервис, но это уже прибегание к декомпозиции. Можно через байндинги и генераторы событий (EventEmitter), а можно через нативный ...
overthesanity's user avatar
6 голосов
Принятый

Конфликт bootstrap 4 и angular 4 - некорректно вычисляется высота блоков

Вы не указали стили к классу .row .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } Результат: ...
Даниил's user avatar
  • 3,443
5 голосов
Принятый

Запрет 3 пробелов подряд

Не более трёх пробелов на весь текст: ^(\S*\s){0,3}\S*$ Проверка: input { box-sizing: border-box; width: 100%; border: 1px solid; outline: none; } :valid { border-color: green; } :invalid { ...
Qwertiy's user avatar
  • 122k
5 голосов
Принятый

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

В твоем примере ты сортируешь новый массив и никак его не используешь. Директива *ngFor итерирует service.people. В момент сортировки ты создаешь новый массив frname. Никуда его не возвращаешь. После ...
Yugofx's user avatar
  • 1,833
4 голоса

Как правильно собрать проект angular-cli?

для запуска в режиме разработчика: ng serve компиляция: ng build --prod компиляция AOT: ng build --prod --aot если надо запустить на определенном порте/хосту: ng serve --env=dev --host 127.0.0....
Jamshed's user avatar
  • 374
4 голоса
Принятый

Почему срабатывает событие onchange у элемента input [type=file] если файл не был выбран?

Для input type='file' cобытие onСhange проходит каждый раз когда меняется значение свойства files. На первом шаге files = []; На втором шаге у вас оно не изменилось. События нет. На третьем files ...
Hooter's user avatar
  • 547
4 голоса
Принятый

Angular 4, разграничение прав доступа и функционала

Функционал роутинга предполагает только управление доступом на основе ролей к определенным разделам сайта, но для управления отображением отдельных элементов нужных нам страниц лучше делать проверку ...
Alexander K's user avatar
4 голоса

Неизвестная конструкция языка в Javascript которую использует Google

Это не оператор инверсии, а оператор not-null утверждения. Оператор подсказывает компилятору, что тип операнда не-null и не-undefined, когда компилятор сам не может определить тип, поэтому не нужно ...
overthesanity's user avatar
4 голоса

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

Немного модифицировал ваш код Посмотрите пример https://stackblitz.com/edit/angular-og2vvk Основные моменты: app.component.ts export class AppComponent { gender: string = "all"; people = []; ...
Stepan Kasyanenko's user avatar
3 голоса
Принятый

Применение Angular и Node.js

1) Актуальную версию всегда можно посмотреть на официальном сайте Angular. Советую использовать именно Angular, а не AngularJS, т.к. второй морально устарел. На данный момент актуальная версия - ...
Егор Кулик's user avatar
3 голоса
Принятый

На какой ивент привязана валидация в Ангуляре?

Валидация не привязана ни на какое событие. Валидатор - это обычная функция, возвращающая ValidationErrors | null, или в случае с асинхронным валидатором Promise<ValidationErrors | null> | ...
overthesanity's user avatar
3 голоса
Принятый

Обработка ошибки в Angular2/7

Нужно получить receivedServices и замапить поток на from. from если аргументом получит массив - то будет идти по нему в цикле и генерировать событие для каждого элемента массива: from([1, 2])....
overthesanity's user avatar
3 голоса
Принятый

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

Можно добиться, но для этого вам нужно использовать биндинги с медиа запросами: fxFlex.gt-md="calc(20% - 25px)" Где gt-md это screen and (min-width: 1280px), а на меньшую ширину использовать другой ...
overthesanity's user avatar
2 голоса

Вызов событий Angular 4

id тут без надобности <button (click)="btn2.click()">Click1</button> <button #btn2>Click2</button>
Dimanoid's user avatar
  • 700
2 голоса

Angular 4. Необходимо вызвать метод дочернего компонента из родительского

Можно передать в дочерний компонент Observable, который будет по нажатию кнопки передавать новое значение из родительского (используй Subject). PS: Но вообще архитектура какая-то подозрительная.
Qwertiy's user avatar
  • 122k
2 голоса
Принятый

Angular: как прочитать заголовок у ответа?

Для получения полного ответа со статусом и заголовками необходимо указать опцию observe: 'response' this.httpClient.post(url, body, {observe: 'response'}).subscribe(response => { console.log(...
Stanislav Blinkov's user avatar
2 голоса
Принятый

Ошибка "Command failed" в юнит-тестах на Jest для Angular

В точке входа ваших тестов нужно добавить импорт зависимостей. Примерно это выглядит как-то так: import 'zone.js/dist/long-stack-trace-zone'; import 'zone.js/dist/proxy.js'; import 'zone.js/dist/...
vp_arth's user avatar
  • 27.1k
2 голоса

Печать pdf в Angular2

Посмотрите в сторону ng-pdf-make https://www.npmjs.com/package/ng-pdf-make На сайте сказано следующее: Чтобы использовать функции открытия, загрузки и печати, вы можете переопределить методы... &...
69 420 1970's user avatar
  • 1,951
2 голоса
Принятый

Массив в реактивных формах. Cannot find control with path

FormBuilder.prototype.array первым аргументом ждет не массив данных, а массив инстансов FormGroup: userData.contacts = [{ contact_type: "phone", value: "380666666666" }, { contact_type: "...
overthesanity's user avatar
2 голоса
Принятый

Angular routing: Resolve Data

Ваша проблема заключается в том, что определитель (resolver) выполнится только 1 раз. Для того, чтобы запускать его каждый раз при смене параметров нужно добавить свойство: runGuardsAndResolvers: '...
overthesanity's user avatar
2 голоса
Принятый

Angular8 как призвязать елементы к FormControl из FormArray

насколько я вас понял вам необходимо сделать следующее: <div formArrayName="dates"> //dates это название вашего FormArray control-a <div *ngFor="let date of dates; index as group;" [...
Bat1stuff's user avatar
2 голоса
Принятый

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

https://stackblitz.com/edit/stackoverflow-menu-directive app.component.ts: listItems = ['HTML', 'CSS', 'JS']; app.component.html: <div list [listItems]="listItems"></div> ...
kompaniietst's user avatar
2 голоса

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

Дефолтный порт для angular приложений - 4200. Если вы запускаете приложение стандартным образом то, конечно, на других портах вы ничего не удивите. Можно. Надо собрать приложение командой ng build --...
ЮрийСПб's user avatar
  • 69.8k
2 голоса
Принятый

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

Нужна чтобы, очевидно, инкапсулировать стили на уровне приложения/компонента. А какие плюсы/минусы в написании специфичных селекторов в css? Вы не хотите, чтобы стили из других компонентов с такими же ...
Yugofx's user avatar
  • 1,833
1 голос

Почему не применяется стиль к классу Angular 5

Достаточно отменить инкапсуляцию в компоненте и все работает. import {Component, ViewEncapsulation } from '@angular/core'; @Component({ selector: '...', templateUrl: '...html', styles: ['......
Oleg Zinchenko's user avatar
1 голос
Принятый

Как отследить изменения модели одним событиям в Angular 4?

Можно использовать событие ngModelChange. Официальная документация Angular. Пример stackblitz. <select (ngModelChange)="onSelection()" [(ngModel)]="selectedNode" required > <option *...
Stepan Kasyanenko's user avatar
1 голос
Принятый

Помощь в настройке роутинга на Ангулар2

Все оказалось просто - дело в том, что в проекте нет зон. Поэтому изменения нужно детектить вручную: tickets.component.ts import { Component, ChangeDetectorRef } from '@angular/core'; @Component({ ...
Илья's user avatar
  • 351
1 голос
Принятый

Angular2, как вывести модальное окно?

в компоненте добавте opened: boolean = false; changeQty(restQty: number, uidItem: string) { this.itemQtyUpdateService.updateItemQty(uidItem, restQty) .subscribe( (item: Item[]) => { ...
Zohid's user avatar
  • 176
1 голос
Принятый

Удалить параметр запроса Angular 5

На эту тему есть issue, и если я всё правильно поняла, то должен работать вот такой вариант: router.navigate(['/'], { queryParams: { hello: 'world' }, queryParamHandling: 'merge' }) => /?hello=...
Василиса's user avatar
1 голос
Принятый

Не работают ссылки Angular вставленные js

Здравствуйте! Я думаю, что Вам и не нужно использовать js-ссылки. Просто используйте routerLink с параметром. <a [routerLink]="['/inventory/item', itemId ]">item {{itemId}}</a> https://...
theykillimmortal's user avatar

Допускаются только превышающие минимальную длину ответы с наивысшим рейтингом, не являющиеся общими