Описание тега angular-standalone-components

Вопросы с тегом
4 ответа

Неожиданное синтетическое свойство @transitionMessages найдено с автономным компонентом angular 15

Я переношу угловое приложение наstandalone component. УдаленngModuleиapp.module.tsфайл main.ts bootstrapApplication(AppComponent,{ providers:[importProvidersFrom(FalconCoreModule.forRoot(environment)), importProvidersFrom(RouterModule.forRoot(routes…
19 янв '23 в 13:11
1 ответ

Сервис Angular для передачи данных между компонентами (автономные компоненты — NG14)

Я знаю, что мы можем использовать службу @Input и @Output для перемещения данных между компонентами. Например, я могу иметь это в службе: @Injectable() export class MyService { myMethod$: Observable<any>; private myMethodSubject = new Subject&…
19 июн '22 в 11:23
1 ответ

универсальный тип angular внутри автономного компонента

Автономный компонент динамического значка Я пытаюсь создать динамический компонент значка, который в любом модуле заполняется новым набором активов. Я хочу отправить ему новое перечисление и получить соответствующий интеллект типа ввода. import { Co…
12 дек '22 в 14:50
1 ответ

Как предоставить сгенерированные маршруты с использованием ROUTES InjectionToken в приложении Angular без модулей?

Я перехожу на автономные компоненты и, как они предлагают преобразовать маршруты в это: // In the main application: export const ROUTES: Route[] = [ {path: 'admin', loadChildren: () => import('./admin/routes')}, // ... ]; // In admin/routes.ts: e…
06 фев '23 в 11:45
3 ответа

Как использовать автономные компоненты, конвейеры или директивы в функциональных модулях

Я обновил свой проект angular до angular 14. Теперь я хочу иметь немногоstandalone components,pipes, илиdirectives. У меня есть рекомендуемый модуль с именем ProductModule , и я хочу использовать в этом модуле автономный канал, называемый в верхнем …
13 окт '22 в 11:39
1 ответ

NullInjectorError: нет провайдера для HttpBackend

введите описание изображения здесь ошибка введите здесь описание изображения main.ts введите описание изображения здесь app-config-service.ts после того, как я заменил bootstrapModule на bootstrapApplication в main.js и переместил всех поставщиков в…
27 фев '23 в 12:11
2 ответа

Как использовать Ngxs как отдельный компонент?

Можно ли использовать Ngxs в автономном компоненте? Я пробовал импортироватьNgxsModuleследующими способами: @Component({ ... imports: [ ... NgxsModule.forFeature([MyState]), ... и @Component({ ... imports: [ ... NgxsModule.forRoot([MyState]), ... Но…
23 окт '22 в 00:16
1 ответ

RouterTestingModule.withRoutes в тесте автономного компонента Angular

После перехода на автономные компоненты в Angular, как мы имитируем маршруты тестирования? Рассмотрим компонент @Component({ standalone: true, imports: [RouterModule] template: `<a [routerLink]="elsewhere"/>`, }) class FooComponent {} конфигур…
21 ноя '22 в 10:04
1 ответ

Угловые материалы не работают в динамически созданном автономном компоненте в angular 14-15

При создании динамического автономного компонента во время выполнения HTML отображается в ViewContainerRef, но угловые материалы не работают, за исключением MatIcon. Пожалуйста, посмотрите пример кода const compMetadata = new Component({ standalone:…
17 ноя '22 в 19:18
1 ответ

Как я могу импортировать модуль в автономную директиву

The importsатрибут доступен на@Componentдекоратор, но не на@Directiveдекоратор. Есть ли другой способ импортировать модуль в отдельную директиву?
14 фев '23 в 08:08
1 ответ

Имитация автономной директивы в автономном компоненте

Я пытаюсь написать модульный тест для автономного компонента и издеваться над его зависимостью. Этот автономный компонент имеет следующее содержимое: import { Component, OnInit } from '@angular/core'; import { CommonModule } from '@angular/common'; …
12 дек '22 в 10:13
0 ответов

вставитьAfterLastOccurrence (/Users/san/project/Sample/fetebird-ui/node_modules/@nrwl/workspace/src/

Я создал приложение микроинтерфейса NX в angular. Поскольку используется автономный компонент Angular 15, попытка настроить NGRX с приведенной ниже ссылкой https://nx.dev/recipes/other/standalone-ngrx-apis nx g @nrwl/angular:ngrx --root --parent=app…
12 фев '23 в 09:17
0 ответов

В чем преимущество написания углового приложения с использованием автономных компонентов

Я видел много документов, касающихся создания автономных компонентов и их использования. Но я не нашел ни одного документа, в котором бы говорилось о преимуществах реализации автономных компонентов по сравнению с подходом ngmodules. Мы можем избавит…
27 окт '22 в 12:44
0 ответов

Ошибка при попытке импорта автономного компонента в модуль

Недавно я обновил свой проект с Angular 13 до Angular 15. И теперь я пытаюсь сделать некоторые из существующих компонентов независимыми. Я пытаюсь использовать автономный компонент в обычном NgModule, но получаю эту ошибку: Класс ExchangeCategoriesA…
26 фев '23 в 07:52
0 ответов

Импорт компонентов должен быть автономным компонентом, директивой, каналом или должен быть NgModules при импорте NgModule.

Я пытаюсь импортировать NgModule в автономный компонент, но компилятор выдает ошибку NG2012:Component imports must be standalone components, directives, pipes, or must be NgModules. NgModule({ declarations: [FooComponent], exports: [FooComponent], }…
08 янв '23 в 11:57
1 ответ

Что эквивалентно защите CanLoad для автономных компонентов?

До Angular 15 я использовал шаблон SCAM, чтобы иметь один модуль для каждого компонента/директивы/канала. Мое приложение содержит много лениво загружаемых страниц (один модуль на страницу) с защитой CanLoad для предотвращения ленивой загрузки (флаги…
12 янв '23 в 15:20
0 ответов

Ошибка при попытке загрузить "автономный" компонент из модуля

Я хочу внедрить новый автономный компонентCrashReportsComponentв мой проект. Но при попытке подключить компонент из module-routing выдает ошибку, что тип компонента не похож на NgModuleNgModule 'CrashReportsComponent' is not a subtype of 'NgModuleTy…
03 ноя '22 в 12:17
0 ответов

Как я могу протестировать routerLinkActive в автономном компоненте?

Если у меня есть неавтономный компонент следующим образом: import { ChangeDetectionStrategy, Component } from '@angular/core'; @Component({ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sb-index', template: ` <a [routerLink]="['rout…
06 дек '22 в 05:13
0 ответов

Автономный компонент приложения Angular 15 и AngularFireAuth

Я пытаюсь настроить веб-приложение Angular, в котором AppComponent является автономным, используя аутентификацию Firebase (и базу данных). Поэтому нетNgModuleс. Я добавил в main.ts bootstrapApplication(AppComponent, { providers: [ importProvidersFro…
26 дек '22 в 09:58
0 ответов

Выдает автономный компонент Angular 14: отсутствует ошибка аннотации @NgModule

Я хочу перейти от SCAM к дизайну автономных компонентов angular. Я начал с создания нового компонента, но я продолжаю получать сообщение об ошибке: class ExpansionTableComponent Появляется в NgModule.imports SMVHistoryComponentModule, но не может бы…
23 ноя '22 в 09:49