angular- все статьи тега


Как получить текущее значение объекта состояния с помощью @ngrx / store?

Мой класс обслуживания, прежде чем вызывать веб-службу, должен получить свойство с именем dataForUpdate из моего состояния. В настоящее время я делаю это так: constructor ( public _store: Store<AppState>, public _APIService:APIService) { const store$ = this._store.select ('StateReducer'); .../... let update = this.actions$.filter ( action => action.type==UPDATE ) .do( (action) => this._store.dispatch({type: REDUCER_UPDATI ...

Попытка установить материал Angular 2 из npm - нераспознанный токен в исходном тексте

Я пытаюсь выполнить следующую команду из PowerShell (от имени администратора) npm install @angular2-material И получаем ошибку: Unrecognized token in source text. At line:1 char:13 + npm install <<<< @angular2-material + CategoryInfo : ParserError: (:) [], ParentContainsErrorRecordException + FullyQualifiedErrorId : UnrecognizedToken Я даже пытался получить только один компонент A2M (ядро) и получил ту же ошибку: npm install @angular2-material/{core} Ест ...

IE 11 ошибки совместимости с использованием углового 5

Я построил свое Угловое приложение, а затем запустил его на сервере. Я получил ошибки, которые не показаны в localhost. Unable to get property 'onHover' of undefined or null reference. Файл Диаграмма.минута.js, ligne: 10, colonne : 115187 Error “SCRIPT 1028 Expected identifier, string or number” Файл полифил.пакет.js, ligne: 6399, colonne: 5 . Object doesn't support property or method 'querySelector Файл стили.пакет.js, ligne: 215, colonne : 2 Expected identifier Файл: поставщик.паке ...

Вложенность вкладок ng-bootstrap (угловая 2)

Я пытаюсь вложить виджет вкладки ng-bootstrap, но содержимое вложенной вкладки не отображается должным образом. В тот момент, когда я нажимаю на вложенную вкладку, само содержимое исчезает. Минимальная демонстрация Что я делаю не так? Это код вида: <ngb-tabset> <ngb-tab *ngFor="let tab of tabs"> <ng-template ngbTabTitle> {{ tab.title }} </ng-template> <ng-template ngbTabC ...

как добавить каноническую ссылку в angular 5

Как добавить каноническую ссылку в angular 5 динамически <link rel="canonical" href="http://foobar.com/gotcah"/> ...

Angular 4: показать наложение при наведении курсора мыши с анимацией, основанной на направлении мыши

Я хотел бы получить это в компоненте Angular4 без использования Jquery. Мне нужно показать наложение div с анимацией, основанной на направлении мыши, как mouseover, так и mouseout. Я попытался переписать пример кода в моем компоненте, но я не могу получить ширину и высоту события.цель. Мой div: <div (mouseover)='showOverlay($event)'>div to hover</div> Компонент: export class MyComponent implements OnInit { constructor(private _el: ElementRef) { } ngOnInit() { ...

Angular2 тестирование: в чем разница между DebugElement и NativeElement объекта в ComponentFixture?

В настоящее время я собираю некоторые рекомендации по тестированию приложений Angular 2 на уровне компонентов. Я видел несколько учебных пособий, запрашивающих объект nativeelement объекта fixture для селекторов и тому подобное, например it('should render "Hello World!" after click', async(() => { builder.createAsync(HelloWorld).then((fixture: ComponentFixture<HelloWorld>) => { fixture.detectChanges(); let el = fixture.nativeElement; el.queryS ...

PrimeNG DataTable пользовательская сортировка или фильтрация (угловой 2)

Я столкнулся с проблемой сортировки / фильтрации столбца даты в PrimeNg Datatable.As я показываю строку даты "dd/mm/yyyy". Если используется шаблон для отображения "dd / mm/yyyy", то фильтр не работает как фильтр, работающий на фактической привязке данных, которая находится в формате даты ISO. если преобразовать данные в строковый формат из задней части, то сортировка не является правильной, так как она сортирует по строке вместо даты. ...

Отказ от подписки на RxJS observable с использованием takeUntil и combineLatest не работает

Я использую принятый шаблон для отмены подписки: private ngUnsubscribe: Subject<void> = new Subject(); ngOnDestroy() { this.ngUnsubscribe.next(); this.ngUnsubscribe.complete(); } Однако у меня возникли проблемы со следующим кодом rxjs, использующим takeUntil и combineLatest: this.observableA$.pipe( takeUntil(this.ngUnsubscribe), combineLatest( this.observableB$, this.observableC$ ) ).subscribe(([A, B, C]) => { // do some work }) Эта по ...

Выпадающий список в форме Angular 2 Model Driven

У меня есть управляемая моделью форма, в которой я хотел бы добавить выпадающий список, содержащий несколько вариантов. Параметры выбираются из предварительно выбранного списка, и модель формы вводится в компонент. Форма загружается правильно: все поля из модели заполняются правильно, abd список опций для выпадающего списка также загружается правильно. Единственная проблема заключается в том, что я не могу установить значение selected списка, и он сначала появляется с пустым значением. Здесь, Я ...

Как задать необязательные параметры класса в Angular 2-Typescript?

Я знаю, что в Typescript необязательные параметры могут быть помечены вопросительным знаком. Однако, единственный способ, который я нашел, чтобы фактически создать экземпляр класса с новым ключевым словом. Дело в том, что на основе начального урока Angular 2 "hero" классы Не создаются с помощью нового ключевого слова, и, насколько я понял, это делается внутри Angular. Например, у меня есть это код: Модели / пользователи.ts export class User { id: number; name: string; // I wan ...

как сделать выпадающий список без предупреждения или ngModel в angular?

Не могли бы вы рассказать мне, как сделать выпадающий список без предупреждения или ngModel в angular? Я получаю предупреждение это Код Https://stackblitz.com/edit/angular-vsjbr9?file=src%2Fapp%2Fapp.component.ts Как я достигну того же самого без ngModel <form novalidate [formGroup]="searchForm" class="calform"> <section class="col-sm-6 bg-white pl-20 pr-20"> <div class="form-group col-sm-8 pl-0"> <label class="field-title mb-5">Circle ...

Обнаружение и предупреждение пользователей о том, что caps lock включен

Как реализовать обнаружение и предупреждение пользователей, когда caps lock включен со стилем всплывающей подсказки в typescript (angular 4.2.2)?? Возможно, с некоторыми ключевыми событиями, или как toUpperCase() в JS. ...

мат-форма-поле должно содержать MatFormFieldControl

Мы пытаемся построить наши собственные компоненты форм-полей в нашей компании. Мы пытаемся обернуть компоненты material design следующим образом: Поле: <mat-form-field> <ng-content></ng-content> <mat-hint align="start"><strong>{{hint}}</strong> </mat-hint> <mat-hint align="end">{{message.value.length}} / 256</mat-hint> <mat-error>This field is required</mat-error> </mat-form-field> Текстовое поле: <field h ...

Как обновить компонент без обновления всей страницы-Angular

Структура моей страницы: <app-header></app-header> <router-outlet></router-outlet> <app-footer></app-footer> Как я могу обновить / обновить компонент app-header, не обновляя всю страницу? Я хочу скрыть ссылку "Вход" в заголовке, Как только пользователь успешно вошел в систему. Заголовок является общим для всех компонентов / маршрутов. ...

* ngFor сброс всех значений формы при добавлении нового элемента ввода

У меня есть приложение Angular2 с кнопкой, которая может добавить еще один кредит к моим кредитам. Мой * ngFor также довольно прост: <div *ngFor="let loan of myLoans"> <label>{{loan.name}}</label> <input type="text" name="loan.name" [(ngModel)]="loan.amount"> </div> myLoans представляет собой массив объектов займа с параметрами name и amount. Моя кнопка также очень проста. <button id="addLoan" type="button" (click)="addLoan()">Legg til ...

RouterModule.forRoot (ROUTES) vs RouterModule.forChild (маршруты)

Каковы различия между этими двумя и каковы варианты использования для каждого из них? Документы не совсем полезны: ForRoot создает модуль, содержащий все директивы, заданные маршруты и сама служба маршрутизатора. ForChild создает модуль, который содержит все директивы и заданные маршруты, но не включает в себя служба маршрутизаторов. Мое смутное предположение состоит в том, что один из них предназначен для "основного" модуля, а другой это для любых импортированных модулей ...

NgrxStore и Angular - используйте асинхронный канал массово или подпишитесь только один раз в конструкторе

Я начинаю смотреть на ngrx Store и вижу удобство использования угловой асинхронной трубы. В то же время я не уверен, что массовое использование угловой асинхронной трубы является хорошим выбором. Я сделаю простой пример. Предположим, что в одном и том же шаблоне мне нужно показать разные атрибуты объекта (например, человека), который извлекается из хранилища. Фрагмент кода шаблона может быть <div>{{(person$ | async).name}}</div> <div>{{(person$ | async).address}}</div&gt ...

Что хранить в ngrx / store при использовании angularfire2?

Я начинаю изучать angular2 и пошел ва-банк с ngrx/store (у меня нет предыдущего exp с redux) и firebase app. Теперь я не могу понять, как хранить объекты firebase, массивы и прочее в магазине. Должен ли я положить их так, как есть, например, положить этот FirebaseListObservable в магазин af.database.list('/items')? Это выглядит как хорошая подгонка (компонент мог бы просто сделать магазин.select ('items') и template могли бы подписаться на это, и для мутаций я все еще могу запускать события в ма ...

Загрузка JSON без HTTP-запроса

Я работаю над проектом, используя Angular 4, NPM, Node.js и угловой CLI. У меня есть довольно необычная потребность загрузить JSON в угловой сервис (используя @Injectable) без HTTP-запроса, то есть он всегда будет загружен локально как часть пакета, а не извлекаться с сервера. Все, что я нашел до сих пор, указывает на то, что вам нужно либо изменить файл проекта typings.d.ts, либо использовать HTTP-запрос для его извлечения из папки /assets или аналогичного, ни один из что для меня тоже вариан ...