7
голосов
Как передать данные между дочерними компонентами?
Данные между передавать разными способами, можно изолировать логику в сервис, но это уже прибегание к декомпозиции. Можно через байндинги и генераторы событий (EventEmitter), а можно через нативный ...
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;
}
Результат:
...
5
голосов
Принятый
Запрет 3 пробелов подряд
Не более трёх пробелов на весь текст:
^(\S*\s){0,3}\S*$
Проверка:
input { box-sizing: border-box; width: 100%; border: 1px solid; outline: none; }
:valid { border-color: green; }
:invalid { ...
5
голосов
Принятый
Сортировка в таблице(angular)
В твоем примере ты сортируешь новый массив и никак его не используешь.
Директива *ngFor итерирует service.people. В момент сортировки ты создаешь новый массив frname. Никуда его не возвращаешь. После ...
4
голоса
Как правильно собрать проект angular-cli?
для запуска в режиме разработчика:
ng serve
компиляция:
ng build --prod
компиляция AOT:
ng build --prod --aot
если надо запустить на определенном порте/хосту:
ng serve --env=dev --host 127.0.0....
4
голоса
Принятый
Почему срабатывает событие onchange у элемента input [type=file] если файл не был выбран?
Для input type='file' cобытие onСhange проходит каждый раз когда меняется значение свойства files.
На первом шаге files = [];
На втором шаге у вас оно не изменилось.
События нет.
На третьем files ...
4
голоса
Принятый
Angular 4, разграничение прав доступа и функционала
Функционал роутинга предполагает только управление доступом на основе ролей к определенным разделам сайта,
но для управления отображением отдельных элементов нужных нам страниц лучше делать проверку ...
4
голоса
Неизвестная конструкция языка в Javascript которую использует Google
Это не оператор инверсии, а оператор not-null утверждения.
Оператор подсказывает компилятору, что тип операнда не-null и не-undefined, когда компилятор сам не может определить тип, поэтому не нужно ...
4
голоса
Сортировка в таблице(angular)
Немного модифицировал ваш код
Посмотрите пример https://stackblitz.com/edit/angular-og2vvk
Основные моменты:
app.component.ts
export class AppComponent {
gender: string = "all";
people = [];
...
3
голоса
Принятый
Применение Angular и Node.js
1) Актуальную версию всегда можно посмотреть на официальном сайте Angular. Советую использовать именно Angular, а не AngularJS, т.к. второй морально устарел. На данный момент актуальная версия - ...
3
голоса
Принятый
На какой ивент привязана валидация в Ангуляре?
Валидация не привязана ни на какое событие. Валидатор - это обычная функция, возвращающая ValidationErrors | null, или в случае с асинхронным валидатором Promise<ValidationErrors | null> | ...
3
голоса
Принятый
Обработка ошибки в Angular2/7
Нужно получить receivedServices и замапить поток на from. from если аргументом получит массив - то будет идти по нему в цикле и генерировать событие для каждого элемента массива:
from([1, 2])....
3
голоса
Принятый
Возможно ли одним fxFlex-ом добиться нужного вида?
Можно добиться, но для этого вам нужно использовать биндинги с медиа запросами:
fxFlex.gt-md="calc(20% - 25px)"
Где gt-md это screen and (min-width: 1280px), а на меньшую ширину использовать другой ...
2
голоса
Вызов событий Angular 4
id тут без надобности
<button (click)="btn2.click()">Click1</button>
<button #btn2>Click2</button>
2
голоса
Angular 4. Необходимо вызвать метод дочернего компонента из родительского
Можно передать в дочерний компонент Observable, который будет по нажатию кнопки передавать новое значение из родительского (используй Subject).
PS: Но вообще архитектура какая-то подозрительная.
2
голоса
Принятый
Angular: как прочитать заголовок у ответа?
Для получения полного ответа со статусом и заголовками необходимо указать опцию observe: 'response'
this.httpClient.post(url, body, {observe: 'response'}).subscribe(response => {
console.log(...
2
голоса
Принятый
Ошибка "Command failed" в юнит-тестах на Jest для Angular
В точке входа ваших тестов нужно добавить импорт зависимостей.
Примерно это выглядит как-то так:
import 'zone.js/dist/long-stack-trace-zone';
import 'zone.js/dist/proxy.js';
import 'zone.js/dist/...
2
голоса
Печать pdf в Angular2
Посмотрите в сторону ng-pdf-make https://www.npmjs.com/package/ng-pdf-make
На сайте сказано следующее:
Чтобы использовать функции открытия, загрузки и печати, вы можете переопределить методы...
&...
2
голоса
Принятый
Массив в реактивных формах. Cannot find control with path
FormBuilder.prototype.array первым аргументом ждет не массив данных, а массив инстансов FormGroup:
userData.contacts = [{
contact_type: "phone",
value: "380666666666"
}, {
contact_type: "...
2
голоса
Принятый
Angular routing: Resolve Data
Ваша проблема заключается в том, что определитель (resolver) выполнится только 1 раз. Для того, чтобы запускать его каждый раз при смене параметров нужно добавить свойство:
runGuardsAndResolvers: '...
2
голоса
Принятый
Angular8 как призвязать елементы к FormControl из FormArray
насколько я вас понял вам необходимо сделать следующее:
<div formArrayName="dates"> //dates это название вашего FormArray control-a
<div *ngFor="let date of dates; index as group;" [...
2
голоса
Принятый
Как создать директиву в angular
https://stackblitz.com/edit/stackoverflow-menu-directive
app.component.ts:
listItems = ['HTML', 'CSS', 'JS'];
app.component.html:
<div list [listItems]="listItems"></div>
...
2
голоса
Вопросы от чайника
Дефолтный порт для angular приложений - 4200. Если вы запускаете приложение стандартным образом то, конечно, на других портах вы ничего не удивите.
Можно. Надо собрать приложение командой ng build --...
2
голоса
Принятый
Инкапсуляция Angular
Нужна чтобы, очевидно, инкапсулировать стили на уровне приложения/компонента.
А какие плюсы/минусы в написании специфичных селекторов в css? Вы не хотите, чтобы стили из других компонентов с такими же ...
1
голос
Почему не применяется стиль к классу Angular 5
Достаточно отменить инкапсуляцию в компоненте и все работает.
import {Component, ViewEncapsulation } from '@angular/core';
@Component({
selector: '...',
templateUrl: '...html',
styles: ['......
1
голос
Принятый
Как отследить изменения модели одним событиям в Angular 4?
Можно использовать событие ngModelChange.
Официальная документация Angular.
Пример stackblitz.
<select (ngModelChange)="onSelection()" [(ngModel)]="selectedNode" required >
<option *...
1
голос
Принятый
Помощь в настройке роутинга на Ангулар2
Все оказалось просто - дело в том, что в проекте нет зон. Поэтому изменения нужно детектить вручную:
tickets.component.ts
import { Component, ChangeDetectorRef } from '@angular/core';
@Component({
...
1
голос
Принятый
Angular2, как вывести модальное окно?
в компоненте добавте opened: boolean = false;
changeQty(restQty: number, uidItem: string)
{
this.itemQtyUpdateService.updateItemQty(uidItem, restQty)
.subscribe(
(item: Item[]) => {
...
1
голос
Принятый
Удалить параметр запроса Angular 5
На эту тему есть issue, и если я всё правильно поняла, то должен работать вот такой вариант:
router.navigate(['/'], {
queryParams: { hello: 'world' }, queryParamHandling: 'merge'
}) => /?hello=...
1
голос
Принятый
Не работают ссылки Angular вставленные js
Здравствуйте! Я думаю, что Вам и не нужно использовать js-ссылки. Просто используйте routerLink с параметром.
<a [routerLink]="['/inventory/item', itemId ]">item {{itemId}}</a>
https://...
Допускаются только превышающие минимальную длину ответы с наивысшим рейтингом, не являющиеся общими
Связанные метки
angular4 × 174angular2 × 104
angular × 66
angular5 × 53
javascript × 37
typescript × 32
angularjs × 11
angular-routing × 11
rxjs × 7
angular10 × 6
httpclient × 5
angular-material × 5
html × 4
css × 3
node.js × 3
http × 3
asp.net-core × 3
json × 2
регулярные-выражения × 2
веб-программирование × 2
аутентификация × 2
pipes × 2
angular-cli × 2
angular8 × 2
php × 1