angular-module 相关问题

您可以将AngularJS模块视为应用程序不同部分的容器 - 控制器,服务,过滤器,指令等。

为什么要从一个模块导出组件并在另一个模块组件中使用

我已经为此努力了很长时间。然而,我最终放弃并寻求社区的支持。预先感谢您的帮助! 我有网络项目模块,它使用我们...

回答 3 投票 0

如何在现有的 Angular 18 项目中创建 app.module.ts?

我正在使用 Angular 18.2.8,并且我已经创建了一个项目并对其进行了处理。但是,我注意到该项目不包含 app.module.ts 文件。经过查找,我发现从

回答 1 投票 0

如何组织代码,以便我可以在需要时用自定义部分替换应用程序的原始部分?

我有一个远程仓库,其中包含项目中常用的代码。这些是组件、指令、管道、服务和接口 - 您将在项目中使用的所有内容。 现在他们正在注册...

回答 1 投票 0

具有动态前缀的角度路由

我有一个成功页面,我想在执行某些操作后重定向到该页面。 目前我的网址在重定向后只是 localhost:4200/success 但我希望我的网址将 /success 附加到 wha...

回答 2 投票 0

如何使 Angular 服务只能在特定模块内注入?

我正在尝试在 Angular 中创建一个服务,该服务只能在特定模块内注入,而不能在该模块外部访问。 我有一个服务 MyService,我想限制它,以便它可以...

回答 1 投票 0

将 Angular 项目从版本 11 升级到 16 - NgModule 中导入错误

我目前正在将现有的 Angular 项目从版本 11 更新到版本 16。我已成功过渡到版本 15,但我遇到了挑战

回答 1 投票 0

在父模块中声明的组件在 ng-template 渲染的组件中不可见

我有一个用 Angular 12.2.16 编写的应用程序,我需要实现一些组件。 这个具体部分是关于LayoutLoader(组件+模块)的 在layout-loader/layout-loader.component.html中有...

回答 1 投票 0

如何在 Angular 中覆盖第三方库中的组件?

我正在使用一个内部库,它提供了一个通用的身份验证解决方案,包括带有登录表单的登录页面。对于特定应用程序,我需要通过添加

回答 1 投票 0

TypeError:无法读取 main.ts 中未定义的属性(读取“0”)

我想向我的 Nx Angular 项目添加一个库。我在 AppModule 的导入中添加了该模块。我还必须添加 StoreModule.forRoot() 和 EffectsModule.forRoot()。启动时出现错误...

回答 1 投票 0

在 Angular 中,当我想动态创建组件时,如何获取所在模块的 ngModuleRef?

考虑这样创建的模块: @NgModule({ 导入:[浏览器模块], 提供商:[ AdService ], 声明:[ 应用程序组件, 广告横幅组件, HeroJobAdComponent,

回答 1 投票 0

根据 Angular 中的构建排除独立组件

我有两个环境 - 一个用于测试,第二个用于发布。我有一个独立的组件可以帮助我进行调试,但我不想将其包含在发布版本中。我怎样才能

回答 1 投票 0

Angular 17 在没有 app.module.ts 的项目中“无法绑定到‘ngModel’”

我目前正在开发一个 Angular 17 项目,该项目是默认使用独立组件创建的,但我总是遇到此错误:“无法绑定到‘ngModel’,因为它不是已知的

回答 1 投票 0

模块和角度组件不是已知元素错误

我有一个这样的模块: // 应用程序.module.ts @NgModule({ 声明:[ 应用程序组件, 主页组件, ... ], 进口:[ 浏览器模块, 共享模块, ... ] }) 导出类 AppModu...

回答 1 投票 0

是否可以在@NgModule(而不是AppModule)中有条件地导入BrowserModule?

我的 Angular 应用程序中遇到这种情况:我的 AppModule 带有多个导入的模块,当然包括 BrowserModule。 在我的应用程序的另一个模块中(我有一个 AppRoutingModule

回答 1 投票 0

如何使用 Angular 服务动态设置 angular-google-maps api 密钥?

我正在使用@agm/[email protected]和Angular 14.2.10。 api密钥由服务器提供,因此我创建了一个EnvService,它具有以下方法 /** * 获取谷歌地图API密钥 * @returns 观察者...

回答 1 投票 0

最佳实践:Angular 14 中的独立组件与模块 [已关闭]

我正在寻求关于 Angular 14 中使用独立组件和模块的最佳实践的澄清。鉴于独立组件作为 Angular 中的一个新概念的引入,...

回答 2 投票 0

从 app.module.ts 中的 API 响应动态传递 clientId

我正在 Angular 项目中使用 MSAL 库进行单点登录身份验证。 在我的 app.module.ts 文件中,我想从 API 响应动态传递 client_id 参数。 我创建了一个配置服务...

回答 1 投票 0

为什么我的导入在某些模块中有效,但在其他模块中却抛出:错误:来自 BrowserModule 的提供程序已被加载

我的应用程序分为几个模块:AppModule、CoreModule、RecordModule。 我的 AppModule 的导入是: 应用程序路由模块, 核心模块, 记录模块 所以,我的其他两个模块,以及......

回答 1 投票 0

我已经使用延迟加载嵌套了一些路由,但仅显示/路由中默认嵌套路由的组件

我有一个 HomeComponent,我想在 / 路线上显示 HomeComponent.hmtl 社区帖子 我有一个 HomeComponent,我想在 / 路线上显示 HomeComponent.hmtl <header> <div> <h1>CommunityPost</h1> </div> <button mat-raised-button color="primary" (click)="onLogout()">Log Out</button> </header> <mat-divider></mat-divider> <main> <nav mat-tab-nav-bar [tabPanel]="tabPanel"> <a mat-tab-link routerLink="/users" (click)="activeLink = '/users'" [active]="activeLink == '/users'" > COMMUNITY</a> <a mat-tab-link routerLink="/posts" (click)="activeLink = '/posts'" [active]="activeLink == '/posts'" > POSTS </a> </nav> <mat-tab-nav-panel #tabPanel> <router-outlet></router-outlet> </mat-tab-nav-panel> </main> 在路由器插座中我想向孩子们展示路线 应用程序路线 const routes: Routes = [ `enter code here`{path: '', component: HomeComponent, canActivate: [guardGuard], children:[ {path: 'posts', loadChildren: () => import('./posts/posts.module').then(m => m.PostsModule)}, {path: 'users', loadChildren: () => import('./user/user.module').then(m => m.UserModule)}, {path: '', redirectTo: 'users', pathMatch: 'full'}, ]}, {path: 'login', component: LoginComponent}, {path: '**', component: NotFoundComponent}, ]; 用户路线 const routes: Routes = [ {path: '', component: UsersListComponent}, {path: 'users/:id', component: UserDetailComponent}, ]; 这显示/路由 UserListComponent 而不是 HomeComponent 以及嵌套在其中的 UserList 编辑 HomeComponent.ts import { Component } from '@angular/core'; import { NavigationEnd, Router } from '@angular/router'; @Component({ selector: 'app-home', templateUrl: './home.component.html', styleUrl: './home.component.css' }) export class HomeComponent { activeLink: string constructor(private router: Router){ this.router.events.subscribe((data: NavigationEnd)=> { if(data.url !== undefined){ this.activeLink=data.url } }) } onLogout(){ if(window.confirm('You are logging out. Are you sure?')){ localStorage.removeItem('auth') window.location.reload() } } } 如果我转到 localhost/ ,它将仅显示 UserListComponent ,但是当我转到 localhost/user 时,它将显示 HomeComponent 和嵌套的 UsersListComponent ,因为它应该是 实际上共享的代码没有任何重大问题,我认为问题可能出在根组件级别,请检查下面的 stackblitz 以供参考,如果仍然遇到问题,请分享回 stackblitz 并复制问题和详细信息需要修复什么! 主页组件! import { CommonModule } from '@angular/common'; import { Component, OnInit } from '@angular/core'; import { RouterModule } from '@angular/router'; import { MatTabsModule } from '@angular/material/tabs'; import { MatDividerModule } from '@angular/material/divider'; @Component({ selector: 'app-home', template: `<header> <div> <h1>CommunityPost</h1> </div> <button mat-raised-button color="primary" (click)="onLogout()">Log Out</button> </header> <mat-divider></mat-divider> <main> <nav mat-tab-nav-bar [tabPanel]="tabPanel"> <a mat-tab-link routerLink="/users" (click)="activeLink = '/users'" [active]="activeLink == '/users'" > COMMUNITY</a> <a mat-tab-link routerLink="/posts" (click)="activeLink = '/posts'" [active]="activeLink == '/posts'" > POSTS </a> </nav> <mat-tab-nav-panel #tabPanel> <router-outlet></router-outlet> </mat-tab-nav-panel> </main>`, standalone: true, imports: [RouterModule, CommonModule, MatTabsModule, MatDividerModule], }) export class HomeComponent implements OnInit { activeLink = ''; constructor() {} ngOnInit() {} onLogout() {} } Stackblitz Demo

回答 1 投票 0

有没有办法在 Angular StandAlone 的所有模块中提供通用模块?

在每个组件中,我都必须导入此 CommonModule 才能使用 NgIf 等指令。 我想要一种在我的所有模块中注入这个模块的方法。 @成分({ 选择器:“应用程序注册”,...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.