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

У меня есть компонент в Angular 2 под названием my-comp: <my-comp></my-comp> Как можно стилизовать хост-элемент этого компонента в Angular 2? В Polymer вы должны использовать селектор ": host". Я попробовал это в Angular 2. Но это не работает. :host { display: block; width: 100%; height: 100%; } Я также попытался …

189 css  angular  css-selectors  angular-components 

Угловая 2 предусматривает @ViewChild, @ViewChildren, @ContentChildи @ContentChildrenдекоратор для запроса потомков элементов отображения компонента. В чем разница между первыми двумя и двумя последними?

189 angular 

В моих извилинах по всему миру, и теперь особенно в документах по стилю angular.io , я нахожу много ссылок на @HostBindingи @HostListener. Кажется, они довольно фундаментальны, но, к сожалению, документация для них на данный момент немного схематична. Может кто-нибудь объяснить, чем они являются, как они работают и привести пример их …

188 angular  angular-services 

Angular 2 - Как перейти к другому маршруту, используя this.router.parent.navigate('/about'). Это не похоже на работу. Я пытался location.go("/about");как то не сработало. В основном, как только пользователь вошел в систему, я хочу перенаправить его на другую страницу. Вот мой код ниже: import {Component} from 'angular2/angular2'; import {CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/angular2'; import …

186 angular  typescript  angular2-routing 

Я смотрю видео и читаю статьи, но эта конкретная статья приводит меня в замешательство: в начале статьи написано Приложения в Angular следуют модульной структуре. Приложения Angular будут содержать много модулей, каждый из которых предназначен для одной цели. Обычно модуль - это сплоченная группа кода, которая интегрируется с другими модулями для …

186 angular  module  components 

Глядя на пример кода angular2 , мы видим некоторые открытые свойства со знаком $: <....> private missionAnnouncedSource = new Subject<string>(); private missionConfirmedSource = new Subject<string>(); // Observable string streams missionAnnounced$ = this.missionAnnouncedSource.asObservable(); missionConfirmed$ = this.missionConfirmedSource.asObservable(); <....> Может кто-нибудь объяснить: почему используется $ (в чем причина этого обозначения? всегда используйте это …

185 angular 

Как я могу разрешить доступ вне локального хоста на Angular2? Я могу localhost:3030/panelлегко перемещаться, но не могу ориентироваться, когда пишу свой IP, например 10.123.14.12:3030/panel/. Не могли бы вы позволить мне, как это исправить? Я не использую npm(управление проектом узла - установка узла / запуск узла) для установки и запуска проекта. …

184 angular  typescript  ng-build 

Я читал похожие вопросы и нашел этот , но мой вопрос в том, как я могу перейти из режима разработки в режим производства. Есть некоторые различия между режимами, которые указаны здесь . В консоли я вижу, ....Call enableProdMode() to enable the production mode.однако, я не уверен, экземпляр какого типа я …

182 angular 

У меня есть приложение WebApi / MVC, для которого я разрабатываю клиент angular2 (вместо MVC). У меня возникли проблемы с пониманием того, как Angular сохраняет файл. Запрос в порядке (отлично работает с MVC, и мы можем регистрировать полученные данные), но я не могу понять, как сохранить загруженные данные (я в …

182 angular  typescript  download  fileapi 

Есть ли способ отправить данные в качестве параметра с router.navigate? Я имею в виду, что-то вроде этого примера, как вы можете видеть, что у маршрута есть параметр данных, но при этом он не работает: this.router.navigate(["heroes"], {some-data: "othrData"}) потому что некоторые данные не являются допустимым параметром. Как я могу это сделать? …

182 angular  routing  angular-router 

Как заставить рендеринг компонента в Angular 2? В целях отладки, работая с Redux, я хотел бы заставить компонент перерисовать его представление, это возможно?

181 angular  angular2-changedetection 

Вот мой код: import { HttpClient, HttpErrorResponse, HttpHeaders } from '@angular/common/http'; logIn(username: string, password: string) { const url = 'http://server.com/index.php'; const body = JSON.stringify({username: username, password: password}); const headers = new HttpHeaders(); headers.set('Content-Type', 'application/json; charset=utf-8'); this.http.post(url, body, {headers: headers}).subscribe( (data) => { console.log(data); }, (err: HttpErrorResponse) => { if (err.error …

181 angular  http-headers  angular-httpclient 

Я использую Angular 5.0.3, я хотел бы запустить свое приложение с кучей параметров запроса, как /app?param1=hallo&param2=123. Каждый совет дан в Как получить параметры запроса из URL в Angular 2? не работает для меня. Есть идеи, как заставить работать параметры запроса? private getQueryParameter(key: string): string { const parameters = new URLSearchParams(window.location.search); …

181 angular  typescript  angular-routing 

Можно ли иметь дополнительный параметр маршрута в маршруте Angular 2? Я пробовал синтаксис Angular 1.x в RouteConfig, но получил ошибку ниже: «ORIGINAL EXCEPTION: Path» / user /: id? »Содержит«? », Что не разрешено в конфигурации маршрута.» @RouteConfig([ { path: '/user/:id?', component: User, as: 'User' }])

180 javascript  angular 

Я изучаю Angular 2 и впервые использую угловой проект CLI для создания проекта песочницы. Я смог запустить команду "NG serve", и она прекрасно работает. Я хотел остановить его запуск, поэтому я запустил «Control Z». Когда я снова попытался запустить команду «ng-serve», она выдала мне «Порт 4200 уже используется». Я запустил …

179 angular