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

Питання щодо Angular (не плутати з AngularJS), веб-рамкою від Google. Використовуйте цей тег для кутових питань, не характерних для окремої версії. Для старих веб-рамок AngularJS (1.x) використовуйте тег angularjs.

21
Як я можу закрити спадне меню при натисканні зовні?
Я хотів би закрити спадне меню входу, коли користувач клацне де-небудь за межами цього випадаючого меню, і я хотів би зробити це за допомогою Angular2 та з "підходом" Angular2 ... Я реалізував рішення, але справді не відчуваю впевненості в ньому. Я думаю, що повинен бути найпростіший спосіб досягти того ж …

23
Файл "app / hero.ts" - це не помилка модуля в консолі, де зберігати файли інтерфейсів у структурі каталогів з angular2?
Я роблю angular2підручник за цією адресою: https://angular.io/docs/ts/latest/tutorial/toh-pt3.html Я помістив heroінтерфейс в один файл під appпапкою, в консолі я маю цю помилку : app/app.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module. [0] app/hero-detail.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module. Якщо я поміщую свій інтерфейсний файл у папку героя, …
144 angular 

7
Використання труб у ngModel для елементів INPUT у кутовій
У мене є поле Введення HTML. <input [(ngModel)]="item.value" name="inputField" type="text" /> і я хочу відформатувати його значення та використовувати існуючу трубу: .... [(ngModel)]="item.value | useMyPipeToFormatThatValue" .... і отримайте повідомлення про помилку: Не може бути труба в виразі дії Як я можу використовувати труби в цьому контексті?

14
node_modules / rxjs / Internal / types.d.ts (81,44): помилка TS1005: ';' очікувана помилка після установки Angular 6
Я отримав помилку в node_modules / rxjs / Internal / types.d.ts (81,44): помилка TS1005: ';' очікуваний. після встановлення кутового 6. Перевірте помилку: ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,74): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,77): error TS1109: Expression expected.

4
Динамічно додайте слухача подій
Я тільки починаю возитися з Angular 2 і мені цікаво, чи хтось може підказати мені найкращий спосіб динамічно додавати та видаляти слухачів подій з елементів. У мене налаштований компонент. Коли клацнути певний елемент у шаблоні, я хочу додати слухача mousemoveдо іншого елемента того ж шаблону. Потім я хочу видалити цей …

9
Як виконати лише один тестовий зразок з кутом-клип
У мене є збірка проекту Angular2 з Angular-CLI (бета-версія 20). Чи є спосіб запустити тести лише на один вибраний специфікаційний файл? У мене був проект на основі швидкого запуску Angular2, і я міг вручну додати характеристики до файлу жасмину. Але я не знаю, як встановити це за межами тестування на …

7
Angular2 - чи повинні бути доступними приватні змінні у шаблоні?
Якщо змінна оголошена privateв класі компонентів, чи повинен я мати доступ до неї в шаблоні цього компонента? @Component({ selector: 'my-app', template: ` <div> <h2>{{title}}</h2> <h2>Hello {{userName}}</h2> // I am getting this name </div> `, }) export class App { public title = 'Angular 2'; private userName = "Test Name"; //declared …

3
Angular2: Як завантажити дані перед наданням компонента?
Я намагаюся завантажити подію з мого API, перш ніж компонент буде виведений. В даний час я використовую службу API, яку я викликаю з функції ngOnInit компонента. Мій EventRegisterкомпонент: import {Component, OnInit, ElementRef} from "angular2/core"; import {ApiService} from "../../services/api.service"; import {EventModel} from '../../models/EventModel'; import {Router, ROUTER_DIRECTIVES, ROUTER_PROVIDERS, RouteConfig, RouteParams, RouterLink} from …

6
як змінити стандартний префікс компонента, щоб зупинити попередження tslint
Здається, коли я створюю додаток Angular 2 за допомогою Angular cli. Мій префікс компонента за замовчуванням - це корінь програми для AppComponent. Тепер, коли я міняю селектор на щось інше, кажу "abc-root" @Component({ selector: 'abc-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) vscode попереджає мене, [tslint] The selector of the component "AppComponent" …
142 angular 

14
Як створити одиночну службу в Angular 2?
Я читав, що впорскування під час завантаження повинна мати всіх дітей, що мають один і той же екземпляр, але основні компоненти та заголовки (основне додаток включає заголовок компонента та маршрутизатор) отримують окремий екземпляр моїх служб. У мене є FacebookService, який я використовую для здійснення дзвінків у facebook javascript api та …

3
Angular 2 http.post () не надсилає запит
Коли я роблю запит на повідомлення, кутовий 2 http не надсилає цей запит this.http.post(this.adminUsersControllerRoute, JSON.stringify(user), this.getRequestOptions()) http-повідомлення не надсилається на сервер, але якщо я зробимо запит таким this.http.post(this.adminUsersControllerRoute, JSON.stringify(user), this.getRequestOptions()).subscribe(r=>{}); Це призначено і якщо це може хтось мені пояснити, чому? Або це клоп?

30
Як перезавантажити поточний маршрут за допомогою кутового 2 маршрутизатора
Я використовую кутовий 2 із стратегією хешлокації. Компонент завантажується цим маршрутом: "departments/:id/employees" Поки добре. Після успішного пакетного збереження декількох відредагованих рядків таблиці я хочу перезавантажити поточний URL маршруту через: this.router.navigate([`departments/${this.id}/employees`]); Але нічого не відбувається, чому?
141 angular 


17
Пасивна посилання в кутовому куті 2 - <a href= існуючої> еквівалент
У Angular 1.x я можу зробити наступне, щоб створити посилання, яке в принципі нічого не робить: &lt;a href=""&gt;My Link&lt;/a&gt; Але той самий тег переходить до бази додатків у куті 2. Що еквівалентно тому в Angular 2? Редагувати: Це схоже на помилку в маршрутизаторі Angular 2, і тепер на Github існує …

7
Чи є спосіб видалити невикористаний імпорт та декларації з Angular 2+?
Мені призначено взяти якийсь заплутаний код від інших розробників, які нещодавно вже покинули компанію. Мені цікаво запитати, чи є якийсь модуль коду Visual Studio чи інші засоби, які можуть допомогти нам швидко та ефективно упорядкувати та організувати імпорт та посилання? Наприклад, може бути сотні таких імпортів import { AutoCompleteModule,InputSwitchModule } …

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.