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

Я використовую хром 70, а хром додає методи .flatMap, .flatten, .flat. Тож мій код працює як очікувалося. На жаль, Typescript не подобається. // data.flatMap lint error export const transformData = (data: any[]) => data.flatMap(abc => [ parentObj(abc), ...generateTasks(abc) ]); я отримав попередження TS2339: Property 'flatMap' does not exist on type …

139 angular  typescript 

Я хочу відобразити дату у європейському форматі, dd/MM/yyyyале використовуючи формат DatePipe shortDate , вона відображається лише у стилі дати США MM/dd/yyyy. Я припускаю, що цей локальний код за замовчуванням - це en_US. Можливо, мені не вистачає в документах, але як я можу змінити параметри локалі за замовчуванням у додатку Angular2? …

138 javascript  angular  date-pipe 

Чи є спосіб запустити ng testодин файл замість всього тестового набору? В ідеалі я хотів би отримати швидкий цикл зворотного зв’язку під час редагування файлу, але karmaвиконує весь набір на кожному збереженні, що трохи повільно, коли ви збираєте достатньо великий тестовий набір. Це відрізняється від того, як виконати лише одну …

138 angular  jasmine  angular-cli  karma-runner 

Я щойно перейшов з кутового 2 rc4 до rc6 і у мене виникли проблеми. На моїй консолі я бачу таку помилку: Unhandled Promise rejection: Template parse errors: 'cl-header' is not a known element: 1. If 'cl-header' is an Angular component, then verify that it is part of this module. 2. …

137 angular  karma-jasmine 

Я знайшов кілька реалізацій AuthGuard, які використовують take(1). У своєму проекті я використовував first(). Чи працюють обоє однаково? import 'rxjs/add/operator/map'; import 'rxjs/add/operator/first'; import { Observable } from 'rxjs/Observable'; import { Injectable } from '@angular/core'; import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; import { AngularFire } from 'angularfire2'; @Injectable() …

137 angular  rxjs  angular2-observables 

Як я можу скопіювати об’єкт і втратити його посилання в кутовий? З AngularJS я можу використовувати angular.copy(object), але я отримую деяку помилку, використовуючи цю в Angular. ВИХІД: ReferenceError: angularне визначено

136 angular 

Я розробляю веб-сайт у Angular 2 за допомогою Typescript і мені було цікаво, чи є спосіб реалізувати thread.sleep(ms)функціональність. Моє використання полягає в тому, щоб перенаправити користувачів після подання форми через кілька секунд, що дуже легко в HTML або JavaScript, але я не впевнений, як це зробити в Typescript. Велике дякую,

136 angular  typescript 

Під час генерації сервісів у Angular CLI він додає додаткові метадані з властивістю "наданий в" із замовчуванням "root" для декоратора ін'єкцій. @Injectable({ providedIn: 'root', }) Що саме робиться за умови? Я припускаю, що це робить послугу доступною як "глобальний" тип одиночного типу для всієї програми, однак, чи не буде чистішим …

136 angular  angular6 

Я працюю з кутовим 2 і знайшов щось подібне <input #searchBox (keyup)="search(searchBox.value)" і це працює. Однак я не розумію значення #searchBox . Я не знайшов нічого чіткого ні в документі. Хтось може мені пояснити, як це працює?

135 javascript  html  angular  typescript 

Я прочитав документацію , в якій сказано, що якщо я хочу використовувати, scssя повинен виконати таку команду: ng set defaults.styleExt scss Але коли я це роблю і роблю цей файл, я все одно отримую цю помилку в консолі: styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, …

135 css  angular  sass  angular6  angular-cli 

У мене є проста програма, ініціалізована користувачем angular-cli. Він відображає деякі сторінки відносно 3 маршрутів. У мене є 3 компоненти. На одній із цієї сторінки я використовую lodashта HTTP модулі Angular 2 для отримання деяких даних (використовуючи RxJS Observables mapта subscribe). Я показую ці елементи за допомогою простого *ngFor. Але, …

135 angular  webpack  angular-cli 

Я хочу вручну зібрати деякі директиви, що містять HTML. Який еквівалент $compileу куті 2? Наприклад, у Angular 1 я міг динамічно скласти фрагмент HTML і додати його до DOM: var e = angular.element('<div directive></div>'); element.append(e); $compile(e)($scope);

134 angular  typescript  angular2-compiler  version-compatibility 

Я намагаюся використовувати компонент, створений мною в AppModule, в інших модулях. Я отримую таку помилку: "Uncaught (в обіцянні): Помилка: помилки аналізу шаблону: "вікно контактів" не є відомим елементом: Якщо "вікно контактів" є кутовим компонентом, переконайтеся, що воно є частиною цього модуля. Якщо "вікно контактів" - це веб-компонент, додайте "CUSTOM_ELEMENTS_SCHEMA" до …

134 angular  typescript  angular-components  angular-module 

Оновлення 24.05.2018: Зараз ми отримуємо +3 версії Angular від моєї оригінальної публікації і досі не маємо остаточного рішення. Ларс Мейддам (@LarsMeijdam) придумав цікавий підхід, який, безумовно, варто подивитися. (Через проблеми, що стосуються власності, йому довелося тимчасово видалити сховище GitHub, де він первісно розмістив зразок. Однак ви можете надіслати йому повідомлення …

133 angular  plugins  angular-cli  angular-universal 

у моєму додатку Angular у мене є компонент: import { MakeService } from './../../services/make.service'; import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-vehicle-form', templateUrl: './vehicle-form.component.html', styleUrls: ['./vehicle-form.component.css'] }) export class VehicleFormComponent implements OnInit { makes: any[]; vehicle = {}; constructor(private makeService: MakeService) { } ngOnInit() { this.makeService.getMakes().subscribe(makes => { …

133 javascript  angular  typescript