angular- все статьи тега ➜ страница 4
Вложенность вкладок 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> ...
Что хранить в 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 или аналогичного, ни один из что для меня тоже вариан ...
В чем разница между "=" (знак равенства) и "of" in *ngFor in Angular?
Мне случилось сделать ошибку копирования-пастообразную при создании итераторов с индексами, как показано ниже. <beep *ngFor="let thing of stuff; let i of index;">...</beep> Предполагается, что правильная версия содержит знак равенства вместо из в операторе index. вопрос не в том, как получить индекс. Меня интересует то, что я получил [Object object] , и мне интересно, что это за объект. Обычно я просто печатаю его на консоль, но я не могу получить доступ к консоли из разметки ш ...
не угловая есть "вычисляемое свойство" как в Vue.js?
Я выучил Vue.сначала js, а теперь у меня есть проект в Angular 4, поэтому я просто изучил Angular. Я нахожу, что все не так уж отличается от Vue, за исключением "вычисляемого свойства". В Vue я могу создать вычисляемое свойство, которое прослушивает изменения других свойств и автоматически выполняет вычисления. Например (в Vue 2): computed: { name(){ return this.firstname + ' ' + this.lastname; } } Свойство name будет пересчитываться только при изменении одного из значений ...
videojs не работает в приложении angular 2
Я использую компонент с функцией, которая выполняет url-адрес видео через подписку. Тег отображается только при наличии url-адреса. Тег видео запускается normamenel, однако css не выполняется. Я использую video-js для тега video. this.postServices.getPost(id).subscribe( (res) => { this.video = 'http://127.0.0.1:9111/api/get/video.mp4'; }) Шаблон <video *ngIf="video" class="video-js" controls preload="metadata" autoplay="true" > &l ...