Вопросы с тегами [angular]

1

голосов
1

ответ
202

Просмотры

Удаление файлов с помощью DownloadURL в AngularFire2

Использование AngularFire2 5.0.0-rc.6 и угловых 5.2.11, есть ли способ, чтобы удалить файл из папки Firebase хранения с использованием downloadURL?
Ranika Nisal
1

голосов
1

ответ
763

Просмотры

разница между нг генерировать приложения и нг новый

Я знаю разницу, что нг генерировать приложение работает только в угловой папке приложения. но каковы другие различия.
optional
1

голосов
1

ответ
781

Просмотры

Угловая Карма не захватывая браузер

Я существующий проект угловых 6, где тесты не работает. Как это происходит: в PhpStorm жму в контекстном меню на файл прогон file.specs.ts. Она начинается тест, открывает браузер и ничего не происходит тогда. Вот журнал Ожидание захваченном браузера ... Для того, чтобы захватить браузер с открытым HTTP: // локальный: 9876/14 10 2018 13: 04: 17,500: WARN [гранатомет]: Хром не захватили в 60000 мс, убийство. 14 10 2018 13: 04: 17,799: INFO [запуск]: При попытке запуска Chrome снова (1/2). 14 10 2018 13: 05: 17,808: WARN [запуска]: Хром не захвачены в 60000 мс, убивая. 14 10 2018 13: 05: 18,055: INFO [запуск]: При попытке запуска Chrome снова (2/2). 14 10 2018 13: 06: 18,062: WARN [запуска]: Хром не захвачены в 60000 мс, убивая. 14 10 2018 13: 06: 18,199: ОШИБКА [запуска]: Хром не удалось в 2 раза (тайм-аут). Сдаваться. Как понять, что» случилось с этими испытаниями? Я не вижу никаких ошибок о зависимости или что-то другое. Есть ли шанс найти то, что вызывает не захватывая браузер? В этом проекте все spec.tss отсутствуют (похоже, что кто-то удалил их), так что я пытаюсь запустить те which've были созданы новые компоненты / услуги. Там нет такого варианта, чтобы начать новый проект. Я должен исправить это. Любая помощь будет очень высокую оценку. Это мой файл SRC / karma.conf.js // конфигурации Karma, смотрите ссылку для получения дополнительной информации // https://karma-runner.github.io/1.0/config/configuration-file.html module.exports = функция ( конфигурации) {config.set ({BasePath: '', рамки: [ 'жасмин', '@ угловой DevKit / встроенный угловой'], плагины: [требуется ( 'карма-жасмин'), требуют ( «карма-хром -launcher '), требуют (' карма-жасмин-HTML-репортер '), требует (' кармы-покрытия-Стамбул-репортер '), требует (' @ угловой DevKit / встроенной угловой / плагины / кармы ')], клиент: {ClearContext: ложный, // оставить выход жасмин Spec Runner видимую в браузере}, coverageIstanbulReporter: {реж:. требуется ( 'путь') присоединиться (__ 'имя-каталога ../coverage '), отчеты: [' HTML', 'lcovonly'], fixWebpackSourcePaths: истинно} , репортеры: [ 'прогресс', 'kjhtml'], порт: 9876, цвет: правда, LOGLEVEL: config.LOG_INFO, autoWatch: истинный, браузеры: [ 'Chrome'], singleRun ложь}); }; {ClearContext: ложь // оставить выход жасмин Spec Runner видимого в браузере}, coverageIstanbulReporter: {реж:. Требуется ( 'путь') присоединиться (__ имя_директория, '../coverage '), сообщает: [' HTML', 'lcovonly' ], fixWebpackSourcePaths: истинные}, репортеры: [ 'прогресс', 'kjhtml'], порт: 9876, цвет: правда, LOGLEVEL: config.LOG_INFO, autoWatch: правда, браузеры: [ 'Chrome'], singleRun ложь}) ; }; {ClearContext: ложь // оставить выход жасмин Spec Runner видимого в браузере}, coverageIstanbulReporter: {реж:. Требуется ( 'путь') присоединиться (__ имя_директория, '../coverage '), сообщает: [' HTML', 'lcovonly' ], fixWebpackSourcePaths: истинные}, репортеры: [ 'прогресс', 'kjhtml'], порт: 9876, цвет: правда, LOGLEVEL: config.LOG_INFO, autoWatch: правда, браузеры: [ 'Chrome'], singleRun ложь}) ; }; LOGLEVEL: config.LOG_INFO, autoWatch: правда, браузеры: [ 'Chrome'], singleRun: ложный}); }; LOGLEVEL: config.LOG_INFO, autoWatch: правда, браузеры: [ 'Chrome'], singleRun: ложный}); };
Sergey
0

голосов
0

ответ
9

Просмотры

Karma, Angular 7, & FontAwesome issue Can't bind to 'icon' since it isn't a known property of 'fa-icon'

Can't bind to 'icon' since it isn't a known property of 'fa-icon'. When trying to run this test in people.component.spec.ts import { async, ComponentFixture, TestBed } from "@angular/core/testing"; import { PeopleComponent } from "./people.component"; describe("PeopleComponent Unit Test", () => { let component: PeopleComponent; let fixture: ComponentFixture; beforeEach(async(() => { TestBed.configureTestingModule({ declarations: [PeopleComponent] }) .compileComponents(); })); beforeEach(() => { fixture = TestBed.createComponent(PeopleComponent); component = fixture.componentInstance; fixture.detectChanges(); }); it("should create", () => { expect(component).toBeTruthy(); }); ; }) The runner shows this error: Failed: Template parse errors: Can't bind to 'icon' since it isn't a known property of 'fa-icon'. If 'fa-icon' is an Angular component and it has 'icon' input, then verify that it is part of this module. If 'fa-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. This is the HTML causing the issue. I've tried to import FontAwesomeModule and FaIcon on test side and add to TestBed configuration's imports statement. I've tried to ensure the component side has the imports too. Nothing seems to work.
John Peters
0

голосов
0

ответ
8

Просмотры

Как обнаруживать viewloaded после routerLink?

У меня есть 2 мнения / дом, / панель в моем угловом приложении с элементами анимации, которые загружаются после загрузки страницы. Когда я загружаю по URL, загрузка страницы и ngAfterViewInit работы файла. Но я нажимаю на routerLink = «/ дома», нет анимации Jquery появиться триггеров. Скорее всего, ngAfterViewInit не вызывает таких кликов. Любые обходные пожалуйста?
jolly
1

голосов
1

ответ
4.3k

Просмотры

Как исправить свойства, привязанные нг-forOf не используются какими-либо директивы на встроенный шаблоне? [Дубликат]

Этот вопрос уже есть ответ здесь: Невозможно привязать к «нг-forOf», так как он не является известной родной недвижимостью 9 ответов я пытаюсь установить вверх простые нг-за в циклю по списку проекта в угловая, но застрял с ним. Я уже попробовал решение в исключения Angular2: Невозможно привязать к «ngFor», так как он не является известным родной собственности (исправить недостающую #), но без успеха. ИСКЛЮЧЕНИЕ: Шаблон ошибки разбора: не удается выполнить привязку к «нг-forOf», так как он не является известным родной собственностью (»] * нг-за =„# проект проектов“>
Édouard Lopez
1

голосов
3

ответ
251

Просмотры

Правильный способ сделать прикована наблюдаемую подписку

Что такое лучший способ переписывания этого кода реактивен с помощью RxJS. информация профиля; updateProfile () {пусть маркер; пусть ProfileID = 1; this.userService.getAccessToken () .map ((Рез) => {// как мне это нужно несколько раз маркер = Рез, возвращение рес}) .switchMap (= маркер доступа> this.profleService.getContactIds (маркер доступа, ProfileID)). подписаться ((RES) => {this.profleService.updateprofile (маркер, this.profileInformation, res.account.id, res.address.id) .subscribe ((данные) => {console.log (данные); // делать вещи с данными}, (ERR) => {// сделать что-то, когда эээ})}, (ERR) => {// сделать что-то, когда эээ}); })}
Microsmsm
1

голосов
2

ответ
1.7k

Просмотры

Угловая форма 2 сбрасывается в исходные данные без необходимости устанавливать каждый по отдельности FormControl

У меня есть formGroup, который я открываю в режиме редактирования и инициализации с правильными данными. Я также сохранить это исходные данные в editForm. После этого в него изменения, я хочу, чтобы сбросить все изменения в начальные значения, что-то вроде: this.formGroup.reset (this.staffToEdit); Но все это ставится пробел в каждой области. Единственный способ решения проблемы я нашел, чтобы сделать что-то вроде this.formGroup.reset ({field1: this.editForm.field1}); ... Дело в том, мне нужно что-то более общее, который сбрасывает все поля в их первоначальную стоимость, без необходимости проходить через каждую FormControl. Возможно ли это сделать?
Fofole
1

голосов
2

ответ
446

Просмотры

Угловая маршрутизатор Модуль ActivatedRoute возвращает нуль FirstChild, когда один существует

После одной из прекрасных гидов Тодда Мотто (в https://toddmotto.com/dynamic-page-titles-angular-2-router-events) я наткнулся на ситуацию, что я не могу объяснить. Вот код: this.router.events .filter ((событие) => событие InstanceOf NavigationStart) .map (() => this.activatedRoute) .map ((маршрут) => {console.log ( 'маршрут заранее, а :», маршрут); // Показывает ActivatedRoute объект console.log ( 'заранее, а маршрут ребенка:', route.firstChild); // нуль в то время как (route.firstChild) {console.log ( 'в то время как маршрут:', маршрут ); маршрут = route.firstChild;} console.log ( 'пост во время маршрута:', маршрут); обратный маршрут;}) .subscribe ((эль) => {console.log ( 'эля:', эль);} ); В этом блоке кода, то " Журнал оператор для маршрута пре-а»показывает объект ActivatedRoute в консоли Chrome. Если я расширяю объект в окне консоли Chrome, я могу нажать на атрибут FirstChild и увидеть другой ActivatedRoute объект, который, как я ожидал. Однако, проблема в том, что второй журнал заявление "предварительно в то время как маршрут ребенка выводит нуль на консоль. Кроме того, цикл WHILE никогда не executs потому route.firstChild оценивает обнулить. Может кто-нибудь объяснить мне, почему это ??? Почему я могу войти объект и увидеть FirstChild, но затем сразу же получить нуль при попытке получить к нему доступ? что второе утверждение журнала "предварительно в то время как маршрут ребенка выводит нуль на консоль. Кроме того, цикл WHILE никогда не executs потому route.firstChild оценивает обнулить. Может кто-нибудь объяснить мне, почему это ??? Почему я могу войти объект и увидеть FirstChild, но затем сразу же получить нуль при попытке получить к нему доступ? что второе утверждение журнала "предварительно в то время как маршрут ребенка выводит нуль на консоль. Кроме того, цикл WHILE никогда не executs потому route.firstChild оценивает обнулить. Может кто-нибудь объяснить мне, почему это ??? Почему я могу войти объект и увидеть FirstChild, но затем сразу же получить нуль при попытке получить к нему доступ?
Michael D Johnson
1

голосов
4

ответ
2.9k

Просмотры

Угловой 2 - NgFor не обновляя вид

Я работаю на угловом 2 проекта, и я имею вопрос, когда я пытаюсь изменить список. NgFor не распознают изменения и отображения только список загруженный в первый раз. Вот пример код, когда я загрузка всего списка и после загрузки в ближайшее время сбросить его с нулем. вид по-прежнему отображать весь список ... это мой компонент конструктора, например: конструктор (частный songService: SongService) this.songService.getSongs () .subscribe (songsList => {this.songs = songsList;}); this.songs = NULL; } И это HTML:
Aviv Eyal
1

голосов
2

ответ
522

Просмотры

Как проверить щелчки документа в модульных тестах в угловом

У нас есть компонент, который имеет выпадающий его выпадающий рухнул на любой внешней мыши. Это реализуется следующим образом: @HostListener ( 'документ: нажмите', [ '$ событие']) общественное documentClick (событие) {если (! This.dropdownIsOpen && event.clickedFromMe) {this.dropdownIsOpen = ложь; }} Как можно протестировать этот код? При использовании TestBed.createComponent только компонент, кажется, создана, и это не внутри какого-либо документа, так как я могу имитировать щелчок вне этого компонента?
splintor
1

голосов
2

ответ
400

Просмотры

Угловые Реактивные формы и кнопки «Submit»

Я строй реактивной формы с Угловым, у меня есть, очевидно кнопка типа «Отправить». У меня есть и другие кнопки элементы. Но я не хочу, чтобы эти кнопки, чтобы отправить форму. Как я могу добиться этого? Я думал, что без «Тип =„Отправить“» атрибут кнопки элементов, форма не была отправлена, но это, кажется, не тот случай. Спасибо
AntonBoarf
1

голосов
3

ответ
717

Просмотры

Отправка действия, прежде чем HTTP вызова в @ ngrx / эффекты

Я хочу сделать HTTP вызов для этого я использую эффект от rxjs. Теперь моя проблема заключается в том, что я хочу, чтобы отправить другое действие, как {типа: LoaderActions.LOADER_START} до HTTP вызова. Таким образом, пользователь может видеть экран загрузки в то время как Http вызов запрашивается и когда запрос завершен, я хочу послать еще одно действие {тип: LoaderActions.LOADER_END}. Как я могу добиться этого с помощью rxjs операторов? Я очень смущен о том, когда используется какой оператор в rxjs. auth.effects.ts импорт {инъекционные} от '@ угловой / ядро'; импорт {Observable, из, CONCAT} из 'rxjs'; импорт {Действие, магазин} от '@ ngrx / магазина'; импорт {действия, эффект, OfType} от '@ ngrx / эффектов; импорт * в качестве AuthActions из»./auth.actions'; импорт * в качестве LoaderActions из»../../loader/store/loader.actions'; импорт {карта, mergeMap, switchMap, дребезга, debounceTime, кран, startWith} от 'rxjs / операторов'; импорт {HttpClient, HttpHeaders} от '@ угловой / общий / HTTP'; импорт {Router} от '@ угловой / маршрутизатора; константные httpOptions = {заголовки: новые HttpHeaders ({ 'Content-Type': 'приложения / JSON; кодировка = UTF-8'})}; @Injectable () экспорт класса AuthEffects {@Effect () signInAction $: Наблюдаемое = this.actions $ .pipe (OfType (AuthActions.TRY_SIGN_IN), mergeMap (действие => this.http .post ( «HTTP: // локальный: 8081 / авт», JSON.stringify ({имя пользователя: действие [ 'имя пользователя'], пароль: действие [ 'пароль']}), httpOptions) .pipe (карта (данные => {если (данные [ 'сообщение'] == = 'successs' ) {This.router.navigate ([ '/ TODO']); Возвращение {Тип: AuthActions.SET_AUTH_FLAG, полезная нагрузка: истинный}; } Еще {возвращение {Тип: AuthActions.SET_AUTH_FLAG, полезная нагрузка: ложь}; }})))); конструктор (частные действия $: Действия, частный HTTP: HTTPClient, частный маршрутизатор: маршрутизатор) {}}
baj9032
1

голосов
1

ответ
224

Просмотры

Как удалить # в URL в угловом 5?

На самом деле я использую угловой 5 для моего проекта, мне нужно удалить # из моего URL. вот мой адрес HTTP: // локальный: 4200 / # / продукта / добавить. После того, как опубликовал в своей области он работает правильно, но в то время как обновить страницу он показывает ошибку 404 из # в моей ссылке. Можно ли сделать это? Нужно удалить # в URL
perumal N
1

голосов
1

ответ
151

Просмотры

Угловой - Дублировать идентификатор «Input»

Мой код компонента ниже импорта {Компонент, EventEmitter, OnInit, вход, выход} от «@ угловой / ядра»; импорт {Input} из @ Угловое / составитель / SRC / ядро ​​"; @Component ({селектор: 'как', templateUrl: '' ./like.component.html, styleUrls: [ './like.component.css ']}) экспорта класс LikeComponent реализует OnInit {@Input (' IsActive') IsSelected: булево; @Input ( 'likesCount') likesCount: число; @Output ( 'изменение') клик = новый EventEmitter (); конструктор () {} ngOnInit () {} isLiked () {} OnClick () {// Игнорировать ниже неполного кода, если {} еще {} this.isSelected = this.isSelected (this.isSelected!!); this.click.emit ({новое_значение: this.isSelected}); } GetStyle () {пусть стиль: строка; если (this.isSelected) {стиль = 'deeppink'; } Еще {стиль = '#ccc'; } Вернуть стиль; }} Интерфейс экспорта LikeChangedEventArgs {новое_значение: булево; } .Glyphicon-сердце {размер шрифта: 50px; цвет: #cccccc; курсор: указатель; } {{LikesCount}} Мой tsconfig.json ниже { "compileOnSave": ложь, "compilerOptions": { "BaseUrl": "./", "OUTDIR": "./dist/out-tsc", "sourceMap" : правда, "декларация": ложь, "модуль": "es2015", "moduleResolution": "узел", "emitDecoratorMetadata": правда, "experimentalDecorators": правда, "importHelpers": правда, "целевые": "es2015" , "TypeRoots": [ "node_modules / @ типы"], "Lib": [ "es2018", "дом"]}, "исключить": [ "bower_components / **", "node_modules / **", «типизации /main.d.ts»,„типизация / основной / **“,„типизация / index.d.ts“]} Однако всякий раз, когда я делаю нг служить я получаю ошибки ниже SRC / приложение / как / like.component.ts (1,42): ошибка TS2300: Дублированный идентификатора 'Input'. ЦСИ / приложение / как / like.component.ts (2,9): TS2300 ошибки: Дублированный идентификатор 'Input'. я 「WDM」: Не удалось собрать. Я пробовал все комбинации в tsconfig.json, но ничего не похоже на работу. Жутко, просто меняя места в like.component.ts файл, кажется, работает. "Lib": [ "es2018", "дом"]}, "исключить": [ "bower_components / **", "node_modules / **", "типизации / main.d.ts", «типизации / главная / * *», "типизация / index.d.ts"]} Однако всякий раз, когда я делаю нг служить я получаю ошибки ниже SRC / приложение / как / like.component.ts (1,42): ошибка TS2300: 'Input' Дублировать идентификатор , ЦСИ / приложение / как / like.component.ts (2,9): TS2300 ошибки: Дублированный идентификатор 'Input'. я 「WDM」: Не удалось собрать. Я пробовал все комбинации в tsconfig.json, но ничего не похоже на работу. Жутко, просто меняя места в like.component.ts файл, кажется, работает. "Lib": [ "es2018", "дом"]}, "исключить": [ "bower_components / **", "node_modules / **", "типизации / main.d.ts", «типизации / главная / * *», "типизация / index.d.ts"]} Однако всякий раз, когда я делаю нг служить я получаю ошибки ниже SRC / приложение / как / like.component.ts (1,42): ошибка TS2300: 'Input' Дублировать идентификатор , ЦСИ / приложение / как / like.component.ts (2,9): TS2300 ошибки: Дублированный идентификатор 'Input'. я 「WDM」: Не удалось собрать. Я пробовал все комбинации в tsconfig.json, но ничего не похоже на работу. Жутко, просто меняя места в like.component.ts файл, кажется, работает. TS (2,9): Ошибка TS2300: Дублированный идентификатора 'Input'. я 「WDM」: Не удалось собрать. Я пробовал все комбинации в tsconfig.json, но ничего не похоже на работу. Жутко, просто меняя места в like.component.ts файл, кажется, работает. TS (2,9): Ошибка TS2300: Дублированный идентификатора 'Input'. я 「WDM」: Не удалось собрать. Я пробовал все комбинации в tsconfig.json, но ничего не похоже на работу. Жутко, просто меняя места в like.component.ts файл, кажется, работает.
1

голосов
2

ответ
81

Просмотры

Angular6: почему это не работает? {{сообщение $ | асинхронной}}

Может кто-нибудь помочь мне с этим вопросом. В элементе, я хочу, чтобы отобразить элемент, когда Наблюдаемые оценивается в наличии, а также отображать содержимое наблюдаемого значения. Пожалуйста, смотрите код ниже: HTML {{сообщение $ | асинхронной}} Кнопка TS сообщение $ = новый Subject (); ngOnInit () {$ this.message .next (нуль);} OnClick () {$ this.message .next ( "тест");} stackblitz пример, когда я нажимаю на кнопку, элемент отображается, так как * ngIf = «сообщение $ | асинхронные» оцениваются верно, в то время как значение шаблона интерполяции {{сообщение $ | асинхронным}} не имеет значения. Здесь я не понимаю. Кто-нибудь знает об этом, пожалуйста, помогите объяснить, спасибо. {{Сообщение $ | асинхронной}} dosen't работа PS Я попробовал два других способа, чтобы заставить его работать (но до сих пор не понимаю, выше указанной проблемы): 1: использовать как синтаксис: {{сбщ}}; 2: использовать BehaviorSubject: сообщение $ = новый BehaviorSubject (нуль); оно работает
lijiejacklee
1

голосов
2

ответ
24

Просмотры

Как сделать формат с момента JS

почему momemnt показывает 12 ч, как показано ниже кода. пусть х = момент ( "2018-12-11 00:00") формат ( "чч: мм: сс."); console.log (х); Ожидаемый результат: 00:00:00, полученый: 12:00:00 stackblitz: https:? //stackblitz.com/edit/moment-85eraf файл = приложение / app.component.ts
Mohamed Sahir
1

голосов
2

ответ
45

Просмотры

Получение 400 Bad Request, несмотря поймать заблуждаются angular2 +

Я разработал страницу входа в систему, где Войти успешна, когда я поставить правильный логин и пароль Логин не происходит, когда я ставлю неправильный логин или пароль, который является правильным. Тем не менее, я получаю эту ошибку: POST HTTP: // локальный: 3003 / Логин / аутентификации 400 (Bad Request) ERROR HttpErrorResponse {заголовки: HttpHeaders, статус: 400, его статуса: "Bad Request", URL: «HTTP: // локальный : 3003 / Войти / аутентификации», хорошо: ложь, ...} Все работает нормально, однако, я получаю ошибку в консоли. Как это: Я хочу, чтобы ошибка 400 плохо запрос не появляется в консоли. Как это сделать? login.component.ts Логин (данные) {console.log ( "Inside Войти"); this.authenticateObj = {имя пользователя: data.username, пароль: data.password} this.http.post ( "HTTP: // локальный: 3003 / Логин / аутентификации", }} Если (this.info.message == 'ошибка') {Alert ( 'Войти Failed'); } Еще если (this.info.status == 400) {Alert ( 'Войти Failed'); }})} Login.controller.js функцию authenticateUser (REQ, Res, следующая) {console.log ( "Внутри authenticateUser =", req.body) LoginService.authenticate (REQ, req.body) .Затем (функция (маркер) {если (маркер) {res.setHeader ( "разрешение", token.token); res.send ({сообщение: 'Войти Успешный.', ответ: маркер});} еще если (res.message == «Имя пользователя или неверный пароль ') {res.status (401) Пошлите ({сообщение:' Несанкционированное. '}); } Еще {console.log ( "внутри контроллера, иначе res.status-400"); res.status (400) Пошлите ({сообщение: 'Имя пользователя или пароль неверен'}); }}) .Catch (функция (ERR) {console.log ( "внутри контроллера, поймать res.status 400") // res.status (400) Пошлите (ERR); res.status (400) Пошлите ({ сообщение: 'Имя пользователя или пароль неверен'});}); } }); }}) .Catch (функция (ERR) {console.log ( "внутри контроллера, поймать res.status 400") // res.status (400) Пошлите (ERR); res.status (400) Пошлите ({ сообщение: 'Имя пользователя или пароль неверен'});}); } }); }}) .Catch (функция (ERR) {console.log ( "внутри контроллера, поймать res.status 400") // res.status (400) Пошлите (ERR); res.status (400) Пошлите ({ сообщение: 'Имя пользователя или пароль неверен'});}); }
Techdive
1

голосов
4

ответ
62

Просмотры

Как вызвать функцию только после завершения выполнения нити в угловом 5?

Я пытаюсь вызвать функцию после того, как нить. Но функция вызывалась до завершения потока. Где мне нужно изменить? this._listService.getListById (this.userName) .subscribe ((ответ: любой) => {// получение правильного ответа, если (ответ) {this._listServiceMod.loadListModel (ответ); // нить this.filterList ();. }}); loadListModel (данные: любой) {Const обещание = this._listItemService.run (this.loadListItem, {константы: appConstants}); promise.then ((updatedAuthList) => {.... .... this._listItemService.terminate (обещание);}). поймать (е => {}) ;; } FilterList () {console.log ( 'Внутри списка Filter' ) // печатает до завершения потока. }
unknown123
1

голосов
1

ответ
54

Просмотры

Угловой / Машинопись Карта с использованием последнего индекса на каждом объекте

Я пытаюсь создать массив из 120 объектов (шестигранные для карты), а затем добавить информацию к каждому из них. Когда я использую карту идентификатор должен быть индексом текущего объекта, и я могу утешать войти правильный, текущий индекс, как ожидается, но по какой-то причине, что каждый объект имеет идентификатор 119. Я смотрел на некоторые другие карты примеры на здесь и с Mozilla, и я не понимая, где я буду неправильно. Любые указатели будут весьма благодарны. экспорт класс MapComponent реализует OnInit {arrayOfObjects = Array (120) .Нанести ({}) hexTiles = this.arrayOfObjects.map ((шест, индекс) => this.createHex (шест, индекс)) конструктор () {} ngOnInit () {} createHex (гекс, индекс) {console.log ( 'Текущий индекс', индекс) гекс [ 'ID'] = индекс гекс [ 'координаты х'] = нуль-гекс [ 'координаты у' ] = Нуль шестигранного [ «отображается»] = ложные шестигранный [ «местность»] = «» шестигранная [ «детали»] = «» возвращение шестигранного}} UPDATE Я попробовал предложенное решение, но я теперь получаю массив из 120 пустых объектов , Вот обновленный код: HTML: Это ничего не отображает. {{}} шестигранные TS: Это утешит журнал "Hexs (120) [пусто × 120]" экспорт класс MapComponent реализует OnInit {hexTiles = [... Array (120)] карта ((_, я) => это. .createHex ({}, я)); Конструктор () {} ngOnInit () {console.log ( 'Hexs', this.hexTiles); } CreateHex (гекс, индекс) {гекс [ 'ID'] = индекс; шестигранный [ 'координаты х'] = NULL; шестигранный [ 'координаты у'] = NULL; гекс [ 'отображается'] = FALSE; шестигранный [ 'местность'] = ''; гекс [ 'детали'] = ''; вернуться шестигранник; }}
gv0000
1

голосов
1

ответ
491

Просмотры

Угловое материал даты-подборщик минимальный и максимальные сообщения проверки даты

Как показывают сообщения проверки для минимального и максимальной даты проверки ошибок в Угловой Материал Datepicker Даты ТРЕБУЕТСЯ Здесь Необходимая проверка была установлена. Как же я хочу показать Дату должна быть выше, чем 01/01/2019 сообщением, если пользователь вводит дату, которая меньше, чем MinDate. Я знал, что все предыдущие даты будут отключены, если мы устанавливаем MinDate. Но в этом приложении, мы позволяем пользователю ввести дату тоже! Таким образом, когда пользователь вводит дату, которая, чем предыдущая MinDate определена, я хочу, чтобы показать сообщение об ошибке! В любом случае для достижения этой цели?
Karthik Arwin
1

голосов
1

ответ
38

Просмотры

Не удается найти имя «из»»Угловой

Я бег это упомянутый ниже в угловых 7.3.2 коде, и я получаю ошибки Не удается найти имя «» я попытался найти о ключевом слове в угловому не могли найти много информации, пожалуйста, вы можете помочь, если у вас есть информация об этом константном НУМСЕ = из (1, 2, 3); константное squareValues ​​= карта ((значение: число) => VAL * вал); константные squaredNums = squareValues ​​(НУМС); squaredNums.subscribe (х => console.log (х));
anshul mahajan
1

голосов
2

ответ
39

Просмотры

Просмотреть свойства класса

У меня есть класс машинопись определяется как: экспорт класса MyModel {ID: номер; TYPE_ID: номер; RECOMMENDED_HOURS: номер; UNASSIGNED_HOURS: номер; } В файле другой .ts создать экземпляр этого в компоненте: экспорт класса MyComponent реализует OnInit {newModel: MyModel; ngOnInit () {this.newModel = новый MyModel (); this.newModel.RECOMMENDED_HOURS = 35; this.newModel.UNASSIGNED_HOURS = 28; отладчик; } Когда я осмотреть this.newModel после того, как часы установлены, я не увидеть ID или type_id свойства, хром отладчик показывает только свойства ЧАСОВ, которые установлены. Есть в любом случае, чтобы увидеть их все, независимо от их быть установлен?
Paritosh
1

голосов
3

ответ
31

Просмотры

Установка автоматической идентификации, когда Добавить пользователя в тот же метод Update в машинописном

Я добавляю метод Add в моем CRUD Апи. Я должен использовать ту же самую форму и тот же метод обновления. Когда я нажимаю на обновление URL-адрес является деталь /: идентификатор, вместо того, чтобы при нажатии на ссылку добавить в детали / -1. В моем методе я должен контролировать, если идентификатор равен -1 идентификатор установить новый Id делает сумму между users.lenght + 1 еще я прохожу в форме идентификатор, и другие параметры для обновления. GetUser (): пустота {Const ID = + this.route.snapshot.paramMap.get ( 'ID'); this.userService.getUser (ID) .subscribe (пользователь => this.user = пользователь); если (ID === -1) {ID = this.users.length + 1; this.userService.getUser (ID) .subscribe (пользователь => this.user = пользователь); }} Я не могу назначить новый идентификатор к старому Id, потому что это константа. Что мне нужно сделать? Это моя форма в HTML: {{пользователь.
S.A.R.A.
1

голосов
3

ответ
36

Просмотры

Маршрутизация по событию

Я хотел бы направить на конкретную страницу, когда пользователь нажимает на пункт меню. Я уже создал метод с соответствующим событием, но я не знаю, как путь к странице, которая, специфической щелкнула на меню. MenuEvent (событие: любой): любой {если (event.item.label == «Страница») {// перенаправление на «первого зрения»}} Маршруты уже определены в модуле приложения маршрутизации: константные маршруты: Маршруты = [{путь: '', pathMatch: 'полный', RedirectTo: 'первого вида'}, {путь: 'первого вида', компонент: FirstViewComponent}, {путь: 'второго вида', компонент: SecondViewComponent }} Это, кажется, что-то довольно просто, но я новичок в угловой и так до сих пор не в состоянии обернуть мою голову вокруг него.
Bendemann
1

голосов
2

ответ
46

Просмотры

Импорт стилей в angular.json против импорта в styles.css?

В чем разница между импортом стилей в angular.json и импорта в styles.css? Импорт в angular.json Импорт в styles.css Хоуп объяснил мой вопрос хорошо. Заранее спасибо.
Elkin
1

голосов
4

ответ
46

Просмотры

Угловой - Получение элемента идентификатора и значения из HTML выберите

Я использую угловой и AngularFire для извлечения списка клиентов из Firestore. Я отобразил их в HTML выпадающего списке (выберите). После выбора пункта я хотел бы получить client.id и client.name До сих пор, это возможность получить мне идентификатор клиента при выборе. То, что я хотел бы, чтобы при выборе элемента из выпадающего списка является client.name. {{ имя клиента}}
Que
1

голосов
1

ответ
45

Просмотры

Как итерация анимации бесконечно в Угловом

Вот мой код ниже я хочу итерацию анимации бесконечно и остановить и запустить в моем компоненте я написал ниже код @Component ({селектор: «страница-вход в системе», templateUrl: «login.html», анимация: [// Каждый уникальная анимация требует своего собственного триггера Первого аргумент функции триггера этого имя триггер ( «Выполнить», [переход ( «пустота => *», [одушевленный (1000, ключевые кадры ([стиль ({преобразование:. translateX (0 ) rotateY (0) 'смещение: 0}), стиль ({преобразования: 'translateX (10%) rotateY (70deg)', смещение: 0,33}), стиль ({преобразования:' translateX (20%) rotateY (30deg )», смещение: 0,66}), стиль ({преобразование: 'translateX (0%)', смещение: 1.0})]))])])]}) В HTML-файл я написал ниже код
Abhijit Chakra
1

голосов
4

ответ
64

Просмотры

Как отправить значение выбранного флажка в виде массива функции?

Im достаточно новое для работы с углового, и было интересно, если есть простой способ проверить, если первый флажок установлен. Если он выбран, я хочу передать его в функцию SaveOptions. Если более чем один выбран, я хотел бы передать их и сохранить их в массив опций. Кто-нибудь может мне помочь? Заранее спасибо! импорта {Компонент} от «@ угловая / сердцевина»; импорт {} Foreach от @ угловой / маршрутизатор / SRC / Utils / Коллекция '; импорт {Функция} от «селена WebDriver / т»; @Component ({селектор: 'приложение-корень', templateUrl: './app.component.html', styleUrls: [»./app.component.css']}) экспорт класса AppComponent {опция: любой = [] SaveOptions (х: любой []) {x.forEach (элемент => {this.options.push (элемент);});
QThompson
1

голосов
3

ответ
84

Просмотры

Отображение данных в другой угловой составляющей

Может кто-то пожалуйста, дайте мне рабочий пример (или обратитесь меня к одному), который иллюстрирует эту функциональность в угловому: Компонент А: получает данные от сервера (пользователь вводит слово в поле ввода, сервер отвечает с некоторым определением) Компонент B : данные, полученные от сервера будет отображаться в этом компоненте. Я, по какой-то причине, не может получить данные для отображения в другом компоненте, чем тот, который получает его с сервера. Для получения более подробной информации: Я отвечал на вопрос здесь: Угловой: Как перенаправить на другую страницу на отправить меня услугу для обмена данными между компонентами, но моя проблема заключается в том, как я могу передать данные, полученные от сервера от компонента А к компоненту B?
omar
-1

голосов
0

ответ
13

Просмотры

Является ли можно интегрировать новое приложение Angular4 + с существующими приложения ASP.NET веб-форм?

Мне нужно создать одно приложение страницу для функциональности регистрации в существующем проекте asp.net веб-форм (использует aspx- рамки .net 4.5). Таким образом, можно включить новый угловой 4+ проект в существующий веб-проекта? примером может быть полезно и оценили. Спасибо, Bw
BWSales Force
0

голосов
2

ответ
24

Просмотры

Как перебрать массив и получить имя, соответствующее идентификатору и присвоить результат в другой массив

Я новичок в машинопись .please помочь мне в этом. У меня есть массив, как показано ниже. пусть домашние животные = [{ID: "1", название: "животное"}, {ID: "2", название: "животное"}]; я хочу проходные домашних животных и получить имена животных из другого массива Категории где Категория: [{ID: «1», название: «Собака»}, {идентификатор: «2», название: «Кошки»}, {ид : "3", название: "Коровы"}, {ID: "4", название: "Козы"}] получить выходной сигнал, как показано ниже, // ожидаемого результата, newpets = [{ID: "1", название: "Собака "}, {идентификатор:" 2" , название: "Кошки"}]
minnu
1

голосов
0

ответ
858

Просмотры

Как интегрировать TinyMCE с угловым 4,0

Я получаю сообщение об ошибке, что SimpleTinyComponent не является NgModule скопирован образец кода из «https://www.tinymce.com/docs/integrations/angular2/» Created один компонент для TinyMCE, где я на основе основной код установки в TinyMCE затем на Basic компонент HTML используется селектор TinyMCE. Basic.component.ts оказывает только console.log () на данный момент. Я не могу получить, где я буду неправильно. Мне нужно использовать TinyMCE для множественного текстового поля на одной странице. tinymce.component.ts импорта {компонент, OnDestroy, AfterViewInit, EventEmitter, вход, выход} от '@ угловой / ядра'; @Component ({селектор: 'простой крошечное', шаблон: ``}) экспорт класс SimpleTinyComponent реализует AfterViewInit, OnDestroy {@Input () elementId: String; @Output () onEditorKeyup = новый EventEmitter (); редактор; ngAfterViewInit () {tinymce.init ({селектор: '#' + this.elementId, плагинов: [ 'ссылка', 'вставить', 'стол'], skin_url: 'активы / оболочек / LightGray', настройка: редактор => {this.editor = редактор; editor.on ( 'KeyUp', () => {Const содержание = editor.getContent (); this.onEditorKeyup.emit (содержание);});}}); } NgOnDestroy () {tinymce.remove (this.editor); }} Basic.component.html внедрения TinyMCE App.module.ts импорт {SimpleTinyComponent} от './component/email/tinymce.component'; @NgModule ({заявления: [modalComponents], импорт: [HttpClientModule, FormsModule, AppRoutingModule, SimpleTinyComponent] плагины: [ 'ссылка', 'вставить', 'стол'], skin_url: 'активы / скины / LightGray', настройка: редактор => {this.editor = редактор; editor.on ( 'KeyUp', () => {Const содержание = editor.getContent (); this.onEditorKeyup.emit (содержание);}); }}); } NgOnDestroy () {tinymce.remove (this.editor); }} Basic.component.html внедрения TinyMCE App.module.ts импорт {SimpleTinyComponent} от './component/email/tinymce.component'; @NgModule ({заявления: [modalComponents], импорт: [HttpClientModule, FormsModule, AppRoutingModule, SimpleTinyComponent] плагины: [ 'ссылка', 'вставить', 'стол'], skin_url: 'активы / скины / LightGray', настройка: редактор => {this.editor = редактор; editor.on ( 'KeyUp', () => {Const содержание = editor.getContent (); this.onEditorKeyup.emit (содержание);}); }}); } NgOnDestroy () {tinymce.remove (this.editor); }} Basic.component.html внедрения TinyMCE App.module.ts импорт {SimpleTinyComponent} от './component/email/tinymce.component'; @NgModule ({заявления: [modalComponents], импорт: [HttpClientModule, FormsModule, AppRoutingModule, SimpleTinyComponent] редактор = редактор; editor.on ( 'KeyUp', () => {Const содержание = editor.getContent (); this.onEditorKeyup.emit (содержание);}); }}); } NgOnDestroy () {tinymce.remove (this.editor); }} Basic.component.html внедрения TinyMCE App.module.ts импорт {SimpleTinyComponent} от './component/email/tinymce.component'; @NgModule ({заявления: [modalComponents], импорт: [HttpClientModule, FormsModule, AppRoutingModule, SimpleTinyComponent] редактор = редактор; editor.on ( 'KeyUp', () => {Const содержание = editor.getContent (); this.onEditorKeyup.emit (содержание);}); }}); } NgOnDestroy () {tinymce.remove (this.editor); }} Basic.component.html внедрения TinyMCE App.module.ts импорт {SimpleTinyComponent} от './component/email/tinymce.component'; @NgModule ({заявления: [modalComponents], импорт: [HttpClientModule, FormsModule, AppRoutingModule, SimpleTinyComponent] ц импорт {SimpleTinyComponent} от './component/email/tinymce.component'; @NgModule ({заявления: [modalComponents], импорт: [HttpClientModule, FormsModule, AppRoutingModule, SimpleTinyComponent] ц импорт {SimpleTinyComponent} от './component/email/tinymce.component'; @NgModule ({заявления: [modalComponents], импорт: [HttpClientModule, FormsModule, AppRoutingModule, SimpleTinyComponent]
Kunal Vashist
1

голосов
0

ответ
75

Просмотры

Pass object in POST method from Angular

Я новичок с угловым, и я стараюсь потреблять метод поста ФОС. Для этого я использую HttpClient от @ Угловое / общие / HTTP "Моя служба остальное имеет этот знак [OperationContract] [WebInvoke (Method = "POST", ResponseFormat = WebMessageFormat.Json, RequestFormat = WebMessageFormat.Json, UriTemplate = "SaveUser") ] Строка SaveUser (пользователь пользователь); Мой класс пользователь действительно просто с FirstName, LastName, ... и в моем методе SaveUser я зарегистрировать пользователя в БД. Теперь в моем ионном проекти у меня есть это в моем провайдере, но я получаю: 405 (Method Not Allowed) Если я прохожу JSON.stringify (данные) вместо данных я получить обратно ошибки 400 плохого запрос. console.log (JSON.stringify (данные)); вар URL = this.apiURL + "/ SaveUser"; вернуть новый Promise ((решительность, отклонять) => {this.http.post (URL, данные) .subscribe (Рез => {Разрешая (разрешение); console.log (RES); }, (ERR) => {console.log (ERR); отвергнуть (ERR); }); }); Для получения информации здесь является console.log данных { «Город»: «Льеж», «Электронная почта»: «[email protected]», «Имя»: «Флорины», «IsAdmin»: ложь, «Фамилия»:» DETRY " "Мобильный": "0498/123456", "Пароль": "1234", "Телефон": "", "Улица": "проспект джинсовой 7", "UserID": 2, "Zipcode":" 4000 «} Я добавил хром расширения: Allow-Control-Allow-Origin: * и получить ответ работает правильно, я покажу вам PrintScreen из консоли в Chrome при попытке поста.
user1898765
1

голосов
0

ответ
292

Просмотры

Как использовать Azure App службы проверки подлинности для угловыми 4 приложения?

Я развернула Угловое 4 приложение для Azure. Приложение использует API и API также развернуто в лазурь, в подпапке с именем «V1». Угловое приложение развертывается в корне. Далее я включен «App службы проверки подлинности» в Лазурном портала. Теперь, когда я хочу получить доступ к моему сайту я вижу страницу входа в систему Azure, где мне нужно ввести свой адрес электронной почты. Когда я ввожу свой адрес электронной почты, я попадаю в /.auth/login/aad/callback. На этой странице я получаю ошибку У вас нет разрешения на просмотр этого каталога или страницы. Я пытался добавить web.config с этим содержанием, но это не помогло: в угловом я использую лазурный URL для доступа к API моему, так что я получаю мои данные: https: //my-site.azurewebsites. сеть / V1 / ххх Что мне нужно сделать,
Martijn
1

голосов
0

ответ
61

Просмотры

angular2 асинхронное выполнение

У меня несколько функций в TS файл, как показано ниже. reply_click (событие) {вар целевой = event.target || event.srcElement || event.currentTarget; вар idAttr = target.attributes.id; sessionStorage.setItem ( 'гео', idAttr.nodeValue); Значение переменного = sessionStorage.getItem ( 'гео'); вар NT = sessionStorage.getItem ( 'NTsession'); вар sesssion = sessionStorage.getItem ( 'EmployeeDetail'); вар SES = JSON.parse (sesssion); вар intEmPKNo = SES [0] .EmPKNo; вар GeoList = SES [0] .GeoList.substring (0, 3); если (GeoList = значение!) this.router.navigateByUrl ( '/ notAuthorized'); еще {this._userService.get (Global.BASE_USER_ENDPOINT + '/ EmployeeInfo? intEmPKNo =' + intEmPKNo) .do (данные => sessionStorage. SetItem ( 'EmployeeInfo', JSON.stringify (данные))) .subscribe (панель => {this.dashboard = приборная панель; this.indLoading = ложь; this.attendance ();}, ошибка => this.msg = ошибка) ; }} Посещаемость () {вар NT = sessionStorage.getItem ( 'NTsession'); вар sesssion = sessionStorage.getItem ( 'EmployeeDetail'); вар SES = JSON.parse (sesssion); вар intEmPKNo = SES [0] .EmPKNo; this._userService.get (Global.BASE_USER_ENDPOINT + / MyAttendance? intEmPKNo = '+ intEmPKNo) .do (данные => sessionStorage.setItem ( 'MyAttendance', JSON.stringify (данные))) .subscribe (панель => {этот .dashboard = приборная панель; this.indLoading = FALSE; this.PayPollHealth (); }, Ошибка => this.msg = ошибка); } PayPollHealth () {вар sesssion = sessionStorage.getItem ( 'EmployeeDetail'); вар SES = JSON.parse (sesssion); вар intEmPKNo = SES [0] .EmPKNo; this._userService.get (Global.BASE_USER_ENDPOINT + / PayrollHealth? intEmPKNo = '+ intEmPKNo) .do (данные => sessionStorage.setItem ( 'PayRollHealth', JSON.stringify (данные))) .subscribe (панель => {этот .dashboard = приборная панель; this.indLoading = ложь; this.router.navigateByUrl ( '/ приборная панель');}, ошибка => this.msg = ошибка); } Так, что HTML загружается после выполнения всех функций, за которые он принимает почти 30 секунд.
Depi
1

голосов
0

ответ
39

Просмотры

Как отключить повторную отправку запроса после того, как он был отменен в Угловых 2

У меня есть запрос HTTP, как это. пусть запрос:. Наблюдаемое = this.http.post (someUrl, someData) Теперь я хочу отменить этот запрос после того, как я называю sending.When request.subscribe () отказаться от подписки () он отменяет запрос и повторно отправить его еще раз. Я хочу, чтобы предотвратить повторную отправку его после отмены.
AngularDev
1

голосов
0

ответ
37

Просмотры

Составной компонент с ReactiveFormsModule - ExpressionChangedAfterItHasBeenCheckedError

Я пытаюсь создать составной компонент (компонент, который содержит другую «входную» компоненту). Тем не менее, я не могу заставить его работать из-за ExpressionChangedAfterItHasBeenCheckedError вопрос, который выбрасывается, когда компонент инициализации. Вот демо вопрос, который мне удалось воспроизвести: https://stackblitz.com/edit/angular-hvsqye Любые идеи, что происходит? Он начинает работать, когда я заменить необходимый компонент с простым вводом внутри композита, так что я предполагаю, что это что-то делать с тем, как они общаются. Спасибо
dragonfly
1

голосов
1

ответ
2.4k

Просмотры

Как использовать несколько условий в директиве * ngIf с or` || Оператор радиально-4

У меня есть Navbar, которые должны изменить элементы, когда пользователь или администратор входа в систему. После аутентификации мне нужно, что некоторые элементы были changed.For, что я использую директиву ngIf. Это мой шаблон Navbar. ЗНАЧИТ Главные Войти Регистрацию Панель Редактировать пользователь Выход Редактировать Пользователи Выход У меня есть две услуг для обработки пользователей и администраторы pages.These услуги имеют функции, которые проверяют наличие маркеров существования в локальном хранилище. Это функция от пользователя сервиса LoggedIn () {если (localStorage.getItem ( "authToken")) {возвращение правды; } Еще {вернуться ложным; }} И это один из администратора службы LoggedIn () {если (localStorage.getItem (»
Jor Khachatryan
1

голосов
1

ответ
1.3k

Просмотры

Угловой 2 Rxjs Тайм-аут

Я пытался получить тайм-аут работы с моей HTTP GET звонков, но Http звонки никогда не истекли, пока никакого ответа не отправляются с сервера. Что я делаю неправильно ? вернуть Observable.interval (30000) .startWith (0) .flatMap (() => {вернуть this.http.get (someUrl) .timeout (3000) .map (this.extractData) .catch (this.handleError);} ); Я использую rxjs-5.0.0-beta.12 в моем приложении Спасибо заранее
CruelEngine

Просмотр дополнительных вопросов