5
голосов
Принятый
Сортировка в таблице(angular)
В твоем примере ты сортируешь новый массив и никак его не используешь.
Директива *ngFor итерирует service.people. В момент сортировки ты создаешь новый массив frname. Никуда его не возвращаешь. После ...
4
голоса
Сортировка в таблице(angular)
Немного модифицировал ваш код
Посмотрите пример https://stackblitz.com/edit/angular-og2vvk
Основные моменты:
app.component.ts
export class AppComponent {
gender: string = "all";
people = [];
...
3
голоса
Принятый
Передача данных между компонентами в Angular 5
Делать можно двумя способами:
Через общий сервис. Создаете сервис, в обоих компонентах используете данный сервис для передачи данных.
Используете входящие и исходящие параметры компонентов.
Какой ...
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
голоса
Принятый
Не находит функцию .json() в Angular5
В Angular 5 нет метода json, потому что там обновили HttpModule. Теперь он называется HttpClientModule. Там где resp.json, просто замените на resp и все. В новом angular все уже в json Формате ...
2
голоса
Принятый
Работа Observable из RxJs в Angular 2/5
Вызов this.http.get(this.apiHost) - асинхронный. Соответственно и дальше с ним надо работать как с асинхронными операциями.
Сейчас получается так. Компонент запрашивает данные у SharedFriendsService, ...
2
голоса
Принятый
Интеграция Angular 6 и Chart.js
Я так думаю, что в первый параметр new Chart(ctx,{...}) надо передать DOM элемент canvas. Вы же передаете строчку myChart.
const ctx = 'myChart';
Передайте canvas - и все у вас заработает.
2
голоса
Принятый
Angular, обновить компонент без перезагрузки
Это стандартное поведение роутера при переходе между одним и тем же компонентом, это называется reuse. Роутер инстанциирует компонент только 1 раз и не будет вызывать ngOnDestroy и конструктор каждый ...
2
голоса
Принятый
Массив в реактивных формах. Cannot find control with path
FormBuilder.prototype.array первым аргументом ждет не массив данных, а массив инстансов FormGroup:
userData.contacts = [{
contact_type: "phone",
value: "380666666666"
}, {
contact_type: "...
2
голоса
Печать pdf в Angular2
Посмотрите в сторону ng-pdf-make https://www.npmjs.com/package/ng-pdf-make
На сайте сказано следующее:
Чтобы использовать функции открытия, загрузки и печати, вы можете переопределить методы...
&...
2
голоса
Принятый
Множественный выбор в выпадающем списке с использованием Angular 5 и Bootstrap 4
Я не знаю какая цель стоит перед вами в реализации комбобокса, поэтому приведу маленький пример с интеграцией этого примера, от которого будем дальше отталкиваться. Пусть у нас будет select с ...
2
голоса
Принятый
Angular routing: Resolve Data
Ваша проблема заключается в том, что определитель (resolver) выполнится только 1 раз. Для того, чтобы запускать его каждый раз при смене параметров нужно добавить свойство:
runGuardsAndResolvers: '...
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
голос
Как подключить yandex maps в Angular 5?
Пример на stackblitz
Здесь несколько основных файлов.
В сервисе, загружающем карту, можно и нужно добавить проверку на существование карты, чтобы отдавать уже готовую, если есть.
// map-loader....
1
голос
Принятый
Валидация полей формы по условию?
Вышло довольно громоздко, но тут нет ничего сложного:
public form = this.fb.group({
country: new FormControl(null, {
validators: [
Validators.required
]
}),
...
1
голос
Принятый
/deep/ selector в Angular 5
Добавить класс для нужного компонента:
<mat-tab-group class="someclass">
И в css:
.someclass /deep/ .mat-tab-label .mat-tab-label-content {
color: white;
}
1
голос
Принятый
Как установить angular cli на компютер без интернета?
Попробуйте на прямую с гитхаб установить, так тоже работает
npm install -g <git repo url>
1
голос
HTTP Header Angular 6
Он не меняется, а так сказать предваряется. Потому что у вас изначально скрипт загрузился с одного домена (localhost:4200), а запрос отправляет к другому (mysite.com...). Это называется CORS, и ...
1
голос
Принятый
Angular 6 создать тег с сожержимой
Реактивные формы позволяют писать кастомную валидацию, свой компонент вы не показали, поэтому я приведу вам небольшой пример:
public form = new FormGroup({
passwords: new FormGroup({
...
1
голос
Принятый
Почему сбрасываются стили после анимации в Angular?
Никакие стили не сбрасываются, если вы напишите нативную анимацию через @keyframes вы получите тот же эффект.
Вы анимируете ширину с 0 до 608, но дефолтная ширина инпута не 608, добавьте свойство ...
1
голос
Принятый
как сымитировать задержку роутера
Есть несколько вариантов, один из вешать click EventListener и делать delay:
<nav (click)="go('/')" class="pages__link">{{ 'home' | uppercase }}</nav>
<nav (click)="go('/about')" class=...
1
голос
Принятый
как через ngFor вывести только первые 4 items
<div *ngFor="let item of items | slice:0:size">
<h1>{{ item.id }}</h1>
<p>{{ item.name }}</p>
</div>
1
голос
Принятый
как правильно подключить переменные sass к angular 6
Да, конечно. Вы можете также для удобства задать алиас для директории где лежит Ваш файл _variables.scss. В angular.json architect => build => options после свойства styles нужно добавить:
"...
1
голос
Функия некорректно изменяет значения поля в классе
Замените
showCSVImportPopUp() {
на
showCSVImportPopUp = () => {
1
голос
Принятый
Функия некорректно изменяет значения поля в классе
Это так сказать стандартная проблема видимости.
Внутри функции showCSVImportPopUp(), при вызове через onClick: this.showCSVImportPopUp this будет не тем, что вы ожидали, он будет вашим компонентом ...
1
голос
Принятый
Как добавить cookies в запрос с HttpClient Angular 5
Установленные сервером куки автоматически передаются в последующих запросах (если конечно совпадет хост, путь и прочие параметры). Никаких специальных действий не требуется. Возможно причина в чем-то ...
1
голос
Принятый
Вызвать функцию внутри ngOnInit
Чтобы функция могла использоваться в шаблоне, она должна быть методом соответствующего компонента.
Следовательно нужно сделать методами все нужные функции, например:
ngOnInit(){...}
goToSlide(n) {
...
Only top scored, non community-wiki answers of a minimum length are eligible
Связанные метки
angular5 × 153angular × 66
angular2 × 64
angular4 × 53
javascript × 21
typescript × 18
angularjs × 8
angular-routing × 8
rxjs × 7
html × 4
веб-программирование × 4
httpclient × 4
json × 3
laravel × 3
frontend × 3
архитектура × 3
маршрутизация × 3
laravel5 × 3
angular-directive × 3
angular10 × 3
php × 2
анимация × 2
firebase × 2
cookie × 2
sass × 2