Вопросы с тегом «angular»

Есть ли способ запустить ng testдля одного файла вместо всего набора тестов? В идеале я хотел бы получить как можно более быстрый цикл обратной связи, когда я редактирую файл, но karmaпри каждом сохранении выполнял бы весь набор, что немного медленно, когда вы создаете достаточно большой набор тестов. Это отличается от …

139 angular  jasmine  angular-cli  karma-runner 

Я хочу отображать дату в европейском формате, dd/MM/yyyyно используя формат DatePipe shortDate , он отображается только в американском стиле даты MM/dd/yyyy. Я предполагаю, что по умолчанию это en_US. Может быть, мне не хватает документов, но как я могу изменить настройки локали по умолчанию в приложении Angular2? Или, может быть, есть …

138 javascript  angular  date-pipe 

Я разрабатываю веб-сайт на Angular 2 с использованием Typescript, и мне было интересно, есть ли способ реализовать thread.sleep(ms)функциональность. Мой вариант использования - перенаправить пользователей после отправки формы через несколько секунд, что очень просто в html или javascript, но я не уверен, как это сделать в Typescript. Большое спасибо,

138 angular  typescript 

Я только что перешел с Angular 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 …

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() export class …

137 angular  rxjs  angular2-observables 

Как я могу скопировать объект и потерять ссылку на него в Angular? Я могу использовать AngularJS, angular.copy(object)но получаю некоторую ошибку, используя это в Angular. ИСКЛЮЧЕНИЕ: ReferenceError: angularне определено

136 angular 

При создании сервисов в Angular CLI он добавляет дополнительные метаданные с помощью свойства «предоставлено в» со значением по умолчанию «root» для декоратора Injectable. @Injectable({ providedIn: 'root', }) Что именно делает providedIn? Я предполагаю, что это делает службу доступной как одноэлементную службу «глобального» типа для всего приложения, однако было бы лучше …

136 angular  angular6 

Я работаю с Angular 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 

Я пытаюсь использовать компонент, который я создал внутри AppModule, в других модулях. Однако я получаю следующую ошибку: "Не перехвачено (в обещании): Ошибка: ошибки синтаксического анализа шаблона: "contacts-box" не является известным элементом: Если 'contacts-box' является компонентом Angular, убедитесь, что он является частью этого модуля. Если «contacts-box» является веб-компонентом, добавьте «CUSTOM_ELEMENTS_SCHEMA» в …

135 angular  typescript  angular-components  angular-module 

Я хочу вручную скомпилировать HTML-код, содержащий директивы. Что эквивалентно $compileв Angular 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 

Обновление от 24.05.2008: У нас сейчас +3 версии Angular из моего исходного поста, и у нас до сих пор нет окончательного работоспособного решения. Ларс Мейдам (@LarsMeijdam) предложил интересный подход, который, безусловно, стоит посмотреть. (Из-за проблем с собственностью ему пришлось временно удалить репозиторий GitHub, в котором он изначально разместил свой образец. …

133 angular  plugins  angular-cli  angular-universal 

Часть моего кода: import {Injectable} from 'angular2/core'; import {Http, Headers, Request, Response} from 'angular2/http'; import {Observable} from 'rxjs/Observable'; import 'rxjs/add/operator/map'; @Injectable() export class myClass { constructor(protected http: Http) {} public myMethod() { let request = new Request({ method: "GET", url: "http://my_url" }); return this.http.request(request) .map(res => res.json()) .catch(this.handleError); // Trouble …

133 http  typescript  angular  observable 

Это скорее вопрос "лучших практик". Есть три игрока: а Component, а Serviceи а Model. Это Componentвызывает Serviceдля получения данных из базы данных. ServiceИспользует: this.people = http.get('api/people.json').map(res => res.json()); чтобы вернуть Observable. ComponentМожно просто подписаться на Observable: peopleService.people .subscribe(people => this.people = people); } Однако я действительно хочу, Serviceчтобы Array of …

132 angular  observable