angular- все статьи тега ➜ страница 5
Angular 2 повторное использование компонентов с общими модулями
Я пытаюсь уменьшить избыточный код в моем приложении путем объединения компонентов, используемых в нескольких модулях, в общий модуль. Я следовал за угловым столбом, https://angular.io/docs/ts/latest/guide/ngmodule.html#! # shared-module . Похоже, что я пропустил шаг, потому что приложение зависает, когда я делаю описанные изменения. Я создал два плунжера, один без общего модуля и второй плунжер после внесения изменений. Инициал код можно найти по этой ссылке; https://plnkr.co/edit/VrEe5S5 ...
Angular 2-динамически меняющийся URL (в адресной строке)
Я столкнулся с этим поведением на веб-сайте ESPN и задавался вопросом, как добиться этого с помощью Angular2. Когда я читаю статью там, как только статья закончена, загружается следующая статья, и URL-адрес в адресной строке автоматически изменяется. Как только я прокручиваю назад к старой статье, URL-адрес снова меняется на старый. Возьмем, к примеру, эту ссылку. Http://www.espn.in/football/barclays-premier-league/23/blog/post/3017450/phil-jones-and-henrikh-mkhitaryan-in-team-of-the-weekend ...
Я получаю "Http failure response for (unknown url): 0 Unknown Error" вместо фактического сообщения об ошибке в Angular
Я использую Angular 4 HttpClient для отправки запросов на внешний сервис. Это очень стандартная настройка: this.httpClient.get(url).subscribe(response => { //do something with response }, err => { console.log(err.message); }, () => { console.log('completed'); } Проблема в том, что когда запрос не выполняется, я вижу общий Http failure response for (unknown url): 0 Unknown Error сообщение в консоли. Между тем, когда я проверяю неудачный запрос в chrome, я вижу, что состояние о ...
Bootstrap 4 таблица отзывчивая, горизонтальная и вертикальная прокрутка
Я использую bootstrap таблицы с Angular 6 в проекте, и мне удалось создать вертикальную таблицу прокрутки-тело с этим кодом: <table class="table table-striped table-bordered" style="margin-bottom: 0"> <thead> <!-- Column names --> <tr> <th scope="col">#</th> <th scope="col">Col 1</th> <th scope="col">Col 2</th> <th scope="col">Col 3</th> ... <th s ...
Как отключить все поля в шаблоне управляемой формы в angular
Я создал управляемую шаблоном форму в angular 5 Сначала я хочу отключить всю форму, а также хочу, чтобы форма была включена после нажатия какой-либо кнопки, поэтому я добавил свойство disabled в теге form и сделал его значение false, как показано ниже, (это не сработало, хотя): <form #formName = "ngForm" [disabled]="true"> </form> Поскольку вышеуказанное свойство disabled не работало, я изменил свойство disabled как [attr.disabled] = true Это тоже не сработало Теперь, ког ...
Невозможно сопоставить любые маршруты с дочерними маршрутами и новым маршрутизатором angular 2 RC1
Applicationcompent import { Component } from '@angular/core'; import {Router, ROUTER_DIRECTIVES, Routes, ROUTER_PROVIDERS} from '@angular/router'; import {SchoolyearsComponent} from "./schoolyear/schoolyears.component"; @Component({ directives: [ROUTER_DIRECTIVES], providers: [ ROUTER_PROVIDERS ], templateUrl: './app/application.component.html', styleUrls: ['./app/application.component.css'] }) @Routes([ { path: '/', component: SchoolyearsComponent, }, ]) export cla ...
Создание составных компонентов в Angular
Я хочу создать универсальный составной компонент Angular, который состоит из множества полей ввода, которые могут быть использованы внутри нескольких компонентов в приложении. Например: Рассмотрим компонент сведений о пользователе, который имеет следующие поля, Поле Email-InputText пол-переключатель. Возрастная Группа-Выпадающий Список Описание-Текстовая Область. Я хочу включить этот компонент USER DETAIL в несколько компонентов как ниже: Из общепринятого мнения я могу сказать, что я ...
Как запросить асинхронность по интервалу с помощью rxjs в Angular 2
Я хочу задать интервал в http-запросе с помощью rxjs. Мне нужно отправить данные на сервер через n секунд после завершения запроса. Observable.interval(10000) .?(() => { //request for server. return Observable return this.getData(); }) .subscribe(() => { console.log("Request done. After 10 second will be next request"); }); Обновление на основе .expan ...
Угловой 2 Испытание командной строки блока Жасмин не удается, при использовании beforeAll, а не после каждого
Я создал новый проект с помощью NG-CLI (beta.15) и модифицировал app.component.spec, чтобы изменить beforeEach на beforeAll, и это привело к сбою тестов со следующей ошибкой: Failed: не удается создать компонент AppComponent, так как он не был импортирован в модуль тестирования! Я не понимаю, что означает эта ошибка и, конечно, почему я получил бы ее в первую очередь. Вот модифицированная спецификация: import { TestBed, async } from '@angular/core/testing'; import { AppComponent } fro ...
Как установить значение по умолчанию для выпадающего мультиселекта в angular 2 и ngprime
Я следую примеру PrimeNg .а вот и плунжер .Как я могу сделать некоторые значения предварительно выбранными в раскрывающемся списке. <p-multiSelect [options]="cities" [(ngModel)]="selectedCities"></p-multiSelect> ...
Обновить заголовок родительского компонента из маршрутизированного дочернего компонента в Angular 2 [дубликат]
На этот вопрос уже есть ответ здесь: Как изменить заголовок страницы в angular2 router 12 ответов Я работаю над документацией Angular 2 по маршрутизации. У меня есть пример приложения, который показывает два компонента, которые маршрутизируются и подключаются к навигационным ссылкам. Вот плунжер , демонстрирующий поведение. Он построен с использованием Angular 2 в Typescript. Вот главное приложени ...
Angular 2 Как улучшить время рисования DOM в Internet Explorer 11
Существуют ли какие-либо специальные приемы для повышения производительности приложения Angular 2 в Internet Explorer 11? Наш сайт работает как в Chrome, так и в Firefox, но DOM рендерится заметно медленнее на IE 11. Я понимаю, что некоторые из них являются ограничением движка браузера, но когда один цикл обнаружения изменений вызывает 30-40 МС на DOM painting на IE 11, я чувствую, что есть что-то еще, что можно сделать на нашей реализации. Для записи, это никогда не занимает более 1 мс для Хр ...
Как инициализировать сервис при загрузке модуля в новом формате Angular cli
Я использую сервис iniliziing в приложении.модуль providers: [ RoleChildTreeService ], bootstrap: [AppComponent,RoleChildTreeService] Но я получил ошибку Directive_resolver.js: 39 Uncaught Error: нет аннотации директивы, найденной на RoleChildTreeService ...
Angular2 Observable-как дождаться завершения всех вызовов функций в цикле, прежде чем продолжить?
Я пытаюсь улучшить свои знания Angular2, перенеся приложение, написанное в настоящее время на Angular1 Одна особенность, в частности, ставит меня в тупик. Я пытаюсь воспроизвести функцию, в которой вызывающая функция ожидает продолжения, пока вызываемая функция не завершит цикл обещаний. В угловых одну функцию я вызываю в основном выглядит так: this.processStuff = function( inputarray, parentnodeid ) { var promises = []; var _self = this; angular.forEach( inputarray , function( no ...
Отключат горячую перезагрузку на конкретной вкладке, через инструменты разработчика консоли для углового приложений
Есть ли способ отключить веб-сокеты от горячей перезагрузки приложения angular для конкретной вкладки браузера с помощью окна консоли devtools? Мне нужно будет держать приложение в определенном состоянии, пока у меня есть другой экземпляр, открытый в другой вкладке, которая будет включать горячую перезагрузку. ...
Получить индекс в A для...директивы в Angular 2
На данный момент, есть ли способ получить текущий индекс итерационного в Директиве for..of в Angular 2? Другими словами, эквивалент $index в угловой.js v1... Пример кода: <ul *for="#task of allTasks"> <li>{{ $index}} - {{ task.label }}</li> </ul> (Конечно, этот код не работает, он не предоставляет текущий индекс) ...
Angular2-несколько зависимых последовательных вызовов http api
Я создаю приложение Angular2, и один из компонентов должен сделать несколько вызовов API, которые зависят от предыдущих. В настоящее время у меня есть служба, которая делает вызов API, чтобы получить список телепередач. Для каждого шоу мне нужно вызвать другой API несколько раз, чтобы пройти через структуру, чтобы определить, существует ли шоу на сервере Plex. Документация API находится здесь Для каждого шоу мне нужно сделать следующие звонки: и получить правильные данные, чтобы определить, ...
Как загрузить данные из локального файла Json с помощью http get?
Я пытаюсь загрузить данные из локального файла json. Я предоставил ссылку, как показано ниже в скриншоте. Но когда я запускаю приложение на localhost, я получаю ошибку: 404 не найдена. ...
Пользовательские элементы управления Angular2 - RC6 не работают
Я обновил свое приложение Angular2 RC5 до RC6. Я разработал некоторые пользовательские элементы управления формами, основанные наэтом учебнике из Thoughtram. Все работало до RC5, однако после обновления проверка больше не работает после небольшого исследования я обнаружил, что значение элемента управления не отражается в соответствующей модели. Вы можете найти оригинальный плунжер из учебника Thoughtram's tutorialздесь . Чтобы воспроизвести обновление проблемы информация о версии в файле sys ...
Angular2 keyup событие update ngModel позиция курсора переходит к концу
У меня возникла проблема с директивой Angular2, которая должна делать следующее: определить, входит ли пользователь '.' характер. Если следующий символ также '.', удалить дубликат '.'и переместите курсор в положение после '.'char У меня есть вышеописанная работа, однако, при использовании этого в сочетании с ngModel, положение курсора переходит к концу каждый раз, когда модель обновляется. Входные данные: <input type="text" name="test" [(ngModel)]="testInput" testDirective/> Дире ...