Запитання з тегом «angular»

Як я можу виявити кліки поза компонентом у кутовому?

106 html  events  angular  typescript 

Я намагаюся надіслати POST-запит з кутового 4 на мій сервер Laravel. У моїй службі входу є такий спосіб: login(email: string, password: string) { return this.http.post(`http://10.0.1.19/login`, { email, password }) } Я підписався на цей метод у своєму LoginComponent: .subscribe( (response: any) => { console.log(response) location.reload() }, (error: any) => { …

106 angular  typescript  angular-httpclient 

Мій код: <li *ngFor="let item of list; let i=index" class="dropdown-item" (click)="onClick(item)"> <template [ngIf]="i<11">{{item.text}}</template> </li> Я намагаюся, щоб у будь-який момент відображалося лише 10 елементів списку. Як пропонується у відповіді тут , я використовував ngIf, але це призводить до того, що на сторінці з’являються порожні елементи списку (понад 10).

106 angular 

Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Error: Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. at MergeMapSubscriber._registry.compile.pipe.operators_1.concatMap.validatorResult [as project] …

106 angular 

Я знаю, що бета-версія Angular2 щойно випущена, але я не можу відтворити кроки з офіційного підручника сайту ( https://angular.io/guide/quickstart ). Можливо, у когось виникли подібні проблеми і хтось знає, що робити, щоб виправити це? Коли я намагаюся запустити програму npm startкомандою, я отримую такий результат: 0 info it worked if …

105 node.js  angular  npm 

Я не можу виправити цю помилку. У мене є панель пошуку та ngFor. Я намагаюся фільтрувати масив за допомогою спеціальної труби, як це: import { Pipe, PipeTransform } from '@angular/core'; import { User } from '../user/user'; @Pipe({ name: 'usersPipe', pure: false }) export class UsersPipe implements PipeTransform { transform(users: User …

105 angular  angular2-forms  angular2-pipe 

У AppComponent я використовую компонент nav у HTML-коді. Інтерфейс виглядає добре. Немає помилок при виконанні подачі. і жодних помилок у консолі під час перегляду програми. Але коли я керував Кармою для свого проекту, виникла помилка: Failed: Template parse errors: 'app-nav' is not a known element: 1. If 'app-nav' is an …

105 javascript  node.js  angular  typescript  karma-jasmine 

Враховуючи список прапорців, прив'язаних до того самого formControlName, як я можу створити масив значень прапорців, прив'язаних до formControl, а не просто true/ false? Приклад: <form [formGroup]="checkboxGroup"> <input type="checkbox" id="checkbox-1" value="value-1" formControlName="myValues" /> <input type="checkbox" id="checkbox-2" value="value-2" formControlName="myValues" /> <input type="checkbox" id="checkbox-3" value="value-2" formControlName="myValues" /> </form> checkboxGroup.controls['myValues'].value в даний час виробляє: …

104 javascript  angular  checkbox  angular2-forms 

В даний час ми працюємо над новим проектом, який регулярно оновлюється, щодня користується один із наших клієнтів. Цей проект розробляється з використанням angular 2, і ми стикаємось із проблемами кешу, тобто наші клієнти не бачать останніх змін на своїх машинах. В основному файли html / css для файлів js, схоже, …

104 caching  angular  browser-cache  cache-control  angular2-template 

На angular.io є підручник з швидкого початку роботи, який використовує typecript і systemjs. Тепер, коли у мене працює цей miniapp, як би я почав створювати щось розгортається? Я не міг знайти жодної інформації про це. Чи потрібні мені додаткові інструменти, додаткові налаштування в System.config? (Я знаю, що я можу використовувати …

103 typescript  angular  systemjs 

Як за допомогою ngStyle додати фонове зображення? Мій код не працює: this.photo = 'http://dl27.fotosklad.org.ua/20121020/6d0d7b1596285466e8bb06114a88c903.jpg'; <div [ngStyle]="{'background-image': url(' + photo + ')}"></div>

103 javascript  html  css  angular 

Коли я використовую свою власну трубу в шаблоні, вона виглядає так: {{user|userName}} І це добре працює. Чи можна використовувати в коді трубу? Я намагаюся використовувати це так: let name = `${user|userName}`; Але це показує userName не визначено Мій альтернативний спосіб - це використання db.collection.findOne()коду вручну. Але чи є розумний спосіб?

103 angular  angular-pipe 

Як я можу *ngForповторювати HTML-елемент кілька разів? Наприклад: Якщо у мене змінна члена присвоюється 20. Як я можу використовувати директиву * ngFor, щоб зробити повтор діва 20 разів?

103 angular 

У кутовому додатку ми маємо ngOnDestroy()гачок життєвого циклу для компонента / директиви, і ми використовуємо цей хук, щоб скасувати підписку на спостережувані. Я хочу очистити / відмітити спостережувані, які створені в @injectable()службі. Я бачив деякі дописи, в яких говорилося, що ngOnDestroy()їх також можна використовувати в службі. Але чи це хороша …

103 angular  rxjs  observable  angular-services 

Я використовую angular 5. У мене є інформаційна панель, де у мене є кілька розділів з невеликим вмістом і кілька розділів з таким великим вмістом, що я стикаюся з проблемою при зміні маршрутизатора під час переходу вгору. Кожного разу, коли мені потрібно прокрутити, щоб перейти до початку. Хто-небудь може допомогти …

103 javascript  angular  typescript  scrolltop  angular-router