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

Якщо у мене є така кнопка у файлі html <button (click)="doSomething('testing', $event)">Do something</button> Крім того, у відповідному компоненті я маю цю функцію doSomething(testString: string, event){ event.stopPropagation(); console.log(testString + ': I am doing something'); } Чи існує належний тип, який слід призначити $eventвводу? Сам параметр події є об'єктом, АЛЕ якщо я …

89 javascript  typescript  angular 

Ось як виглядає мій вхідний тег: <input type="file" placeholder="File Name" name="filename" (change)="onChange($event)"> <button>Reset</button> Я хочу скинути вибраний файл у Angular 2. Допомога буде вдячна. Повідомте мене, якщо вам потрібна додаткова інформація. PS Я міг отримати деталі файлу з $eventпараметрів і зберегти його у змінній typecript, але ця змінна не прив’язана …

89 angular 

У мене реактивна форма в Angular, як показано нижче: this.AddCustomerForm = this.formBuilder.group({ Firstname: ['', Validators.required], Lastname: ['', Validators.required], Email: ['', Validators.required, Validators.pattern(this.EMAIL_REGEX)], Picture: [''], Username: ['', Validators.required], Password: ['', Validators.required], Address: ['', Validators.required], Postcode: ['', Validators.required], City: ['', Validators.required], Country: ['', Validators.required] }); createCustomer(currentCustomer: Customer) { if (!this.AddCustomerForm.valid) { //some …

89 angular  angular-reactive-forms  reactive 

Документація Angular інформує, що я повинен використовувати --base-hrefпараметр у збірці програми Angular для виробництва, коли він буде розгорнутий у підпапці сервера: Якщо ви скопіюєте файли в підпапку сервера, додайте прапор побудови --base-hrefта встановіть <base href>належним чином. Наприклад, якщо файл index.htmlє на сервері за адресою /my/app/index.html, встановіть базовий href <base href="https://stackoverflow.com/my/app/">як …

89 angular  angular-cli 

Мене просили сьогодні, і я не зміг дати належної відповіді. Транскрипт машинопису до JS. Потім є тремтіння дерева, "менше" (необов'язково) і що ще в процесі розгортання. Але ніщо подібне (afaik) не має нічого спільного з "компіляцією". Все складається в комплекті та сильно оптимізується, але насправді це не компілюється, правда? Існує …

88 javascript  angular  typescript  angular-cli  angular-compiler-cli 

Я хочу ввести службу в клас, який не є компонентом . Наприклад: Myservice import {Injectable} from '@angular/core'; @Injectable() export class myService { dosomething() { // implementation } } Мій клас import { myService } from './myService' export class MyClass { constructor(private myservice:myService) { } test() { this.myservice.dosomething(); } } Це …

88 angular  typescript 

У мене проблеми з з’ясуванням, як позначити всі поля форми як торкнуті. Основна проблема полягає в тому, що якщо я не торкаюся полів і намагаюся подати форму - помилка перевірки не відображається. У моєму контролері є заповнювач для цієї частини коду. Моя ідея проста: користувач натискає кнопку "Відправити" всі поля …

88 angular  angular-reactive-forms  angular2-forms  angular2-formbuilder 

Я хочу додати App Settingsрозділ у свій додаток, де він буде містити деякі consts та заздалегідь визначені значення. Я вже читав цю відповідь, яка використовує, OpaqueTokenале вона не підтримується в Angular. Ця стаття пояснює відмінності, але вона не наводить повного прикладу, і мої спроби не увінчалися успіхом. Ось те, що …

87 javascript  angular 

мій проект був створений із [Angular CLI] версії 1.2.6. Я можу скомпілювати проект, і він працює нормально, але я завжди отримую повідомлення про помилку проти коду, що повідомляє, що я не можу знайти модуль '@ angular / core' не можу знайти модуль '@ angular / router' не можу знайти модуль …

87 angular  visual-studio-code 

У мене є компонент, який використовує EventEmitter, і EventEmitter використовується, коли натискається хтось на сторінці. Чи є спосіб, яким я можу спостерігати EventEmitter під час модульного тестування та використовувати TestComponentBuilder, щоб клацнути елемент, який запускає метод EventEmitter.next (), і побачити, що було надіслано?

87 unit-testing  angular 

У мене є якийсь простий кутовий 2 компонент із шаблоном. Як очистити форму та всі поля після подання ?. Я не можу перезавантажити сторінку. Після набору дані з date.setValue('')полем ще є touched. import {Component} from 'angular2/core'; import {FORM_DIRECTIVES, FormBuilder, ControlGroup, Validators, Control} from 'angular2/common'; @Component({ selector: 'loading-form', templateUrl: 'app/loadings/loading-form.component.html', directives: …

87 angular  angular2-forms 

У мене є компонент, який отримує масив imageоб’єктів як Inputдані. export class ImageGalleryComponent { @Input() images: Image[]; selectedImage: Image; } Я хотів би, щоб компонент завантажував selectedImageзначення, було встановлено перший об'єкт imagesмасиву. Я намагався зробити це за допомогою OnInitгачка життєвого циклу так: export class ImageGalleryComponent implements OnInit { @Input() images: …

87 javascript  angular  typescript 

Я додав CORS в заголовок, але все ще отримую проблему CORS у своєму запиті. Який правильний спосіб додавання та обробки CORS та інших запитів у заголовках? Ось код службового файлу: import { HttpClient, HttpHeaders, HttpClientModule } from '@angular/common/http'; const httpOptions = { headers: new HttpHeaders({ 'Access-Control-Allow-Origin':'*', 'Authorization':'authkey', 'userid':'1' }) }; …

87 angular  angular5 

Сподіваюся, просте запитання. Я хочу запустити сценарій, коли запускається еквівалент Angular2 $ document.ready (). Який найкращий спосіб цього досягти? Я спробував поставити сценарій наприкінці index.html, але, як я дізнався, це не працює! Я вважаю, що він повинен входити в якусь декларацію компонента? Чи можна запустити завантаження сценарію з .jsфайлу? EDIT …

86 angular 

Я щойно почав працювати з Angular 2. Мені було цікаво, в чому різниця між компонентами та директивами в Angular 2?

86 angular  components  angular-directive  angular2-directives