关于Angular版本6的问题,来自Google的Web框架。将此标记用于仅针对版本6的Angular问题。对于任何不特定于单个版本的Angular问题,请使用标记Angular。
如何测试 Angular 的 canActivate 函数,该函数返回一个函数,该函数又返回一个布尔值? 我尝试创建 ActivatedrouterSnapshot 和 routerStateSnapshot 的对象并传递...
我有一个 if 块,如下所示: if (this.totalTenants === 1) { this.newTenants.tenant2 = Object.assign({ name: null, number: null }, this.emptyTenant); this.newTenants.tenant3 = 对象。
当我尝试使用 cosmicjs 为我的 Angular 6 应用程序提供服务时,出现以下错误: 未捕获的引用错误:进程未定义 在 Object../node_modules/cosmicjs/dist/index.js (我...
当 RowData 更改时,Angular 中的 Ag-grid 不会刷新
我已经在 Angular 6 中完全设置了一个 ag-grid,它可以在页面启动时正确显示所有 rowData。但是,当将项目添加到 rowData 时,ag-grid 的显示不会更新...
为什么使用自定义全局验证器时,mat-error 不会显示在 Angular Material 6 中的 mat-form 字段内
我正在使用角材料6,我在mat-form-field内有一个验证,当在mat-form-field之后移动到正确显示的mat-error时,不显示mat-error。 无效代码:...
我制作了一个带有路由组件的 Angular 项目。我已经处理了一些 URL 处理,例如用户手动点击 URL:如果 URL 存在,它将转到 t... 中定义的 URL 组件。
我正在研究 Angular 6 延迟加载并遇到问题。 我有一个登录页面,登录后可以在启动应用程序时加载该页面,其中有一个主页具有单个选择下拉列表...
窗口的默认大小非常小,我希望能够调整它,因为我的吐司消息可能会很长。我还需要能够自定义......的风格
Angular6 创建类似 node_module 的文件夹
我正在尝试在我的项目中创建一个文件夹,在其中可以放置一组 Angular 6 的自定义库,并能够像在 node_module 文件夹中处理库一样导入它们。 导入 { SampleLibModule ...
http-server -p 8080 不服务于我的角度应用程序。而 ng 服务则
这是我打开本地主机时看到的内容 我想用 Angular 制作一个 PWA,所以我按照 angular.io 网站上的说明进行了最小的细节操作,但它没有打开通常的“欢迎...
NullInjectorError:没有 HttpHandler 的提供者!尽管存在 HttpClient/HttpClientModule
我是基于 Angular 的 UI 项目的新手,并使用 vscode 生成了两个新组件以在该项目中使用。然而,每当我将更改推送到 git(bitbucket) 时,我都会不断收到错误,这些......
我有下面的html代码。 (我不打算使用 *ngFor ) 模板1 模板2 我有以下 html 代码。 (我不打算使用 *ngFor ) <div *ngIf = 'showTemplate1'>Template 1</div> <div *ngIf = 'showTemplate2'>Template 2</div> <div *ngIf = 'showTemplate3'>Template 3</div> <div *ngIf = 'showTemplate4'>Template 4</div> <div *ngIf = 'showTemplate5'>Template 5</div> <div *ngIf = 'showTemplate6'>Template 6</div> <div *ngIf = 'showTemplate7'>Template 7</div> <div *ngIf = 'showTemplate8'>Template 8</div> 在我的 TS 文件中,我有以下内容 displayTemplates(){ if( condition1 ){ this.showTemplate1 = true; this.showTemplate2 = true; this.showTemplate3 = true; this.showTemplate4 = true; this.showTemplate5 = true; this.showTemplate6 = true; this.showTemplate7 = false; this.showTemplate8 = false; } else if( condition2 ){ this.showTemplate1 = false; this.showTemplate2 = true; this.showTemplate3 = true; this.showTemplate4 = true; this.showTemplate5 = true; this.showTemplate6 = true; this.showTemplate7 = false; this.showTemplate8 = true; } else if( condition3 ){ this.showTemplate1 = true; this.showTemplate2 = true; this.showTemplate3 = true; this.showTemplate4 = true; this.showTemplate5 = true; this.showTemplate6 = true; this.showTemplate7 = true; this.showTemplate8 = false; } } 正如您在代码中看到的,它看起来像是一个糟糕的代码。 是否有任何其他方法可以使其更加清洁和可扩展。 这是您可以在代码中进行的一些改进 resetToTrue(){ this.showTemplate1 = true; this.showTemplate2 = true; this.showTemplate3 = true; this.showTemplate4 = true; this.showTemplate5 = true; this.showTemplate6 = true; this.showTemplate7 = true; this.showTemplate8 = true; } displayTemplates(){ if(condition1 ){ this.resetToTrue(); this.showTemplate7 = false; this.showTemplate8 = false; } else if( condition2 ){ this.resetToTrue(); this.showTemplate1 = false; this.showTemplate7 = false; } else if( condition3 ){ this.resetToTrue(); this.showTemplate8 = false; } } 用户 this.resetToTrue() 如果大多数字段都是 true,否则您可以创建一个方法 this.resetToFalse(),将所有值设置为 false。 displayTemplates(){ this.resetToTrue(); switch (true) { case condition1: this.showTemplate7 = false; this.showTemplate8 = false; break; case condition2: this.showTemplate1 = false; this.showTemplate7 = false; break; case condition3: this.showTemplate8 = false; break; } }
为什么 Angular 6 会出现“找不到具有未指定名称属性的控件”错误?
我正在为前端编写注册页面,但遇到了错误,即“无法找到具有未指定名称属性的控件”。我相信这表明控制器...
我正在使用 Angular Material mat-tab,它设置为延迟加载选项卡内容。 由于默认情况下加载第一个选项卡,我已将第二个选项卡设置为延迟加载。 我看到当我在...之间导航时
Angular 6:如何将 JSON 字符串添加到现有的 JSON 字符串数组?
所以我有一个 Typescript 组件,其构造函数如下所示: 构造函数(私有http:HttpClient){ this.http.get('/api/values/users').subscribe(结果 => { this.values =
我有一个 Angular 6 应用程序,其中使用组件在页面上显示消息。有些消息包含嵌入其中的超链接(在 HTML 标记中)。然而,当消息
我使用的是 Angular 6.7。这是财务应用程序。有超过80个模块。当我使用以下命令进行构建时 节点 --max_old_space_size=16384 ./node_modules/@angular/cli/bin/ng
在 Angular 6 中,我想从 URL 检索 JWT 令牌,将其转换为 Base 64 并将其推送到其他一些链接。 我这样做了: 应用程序路由.module.ts: { 路径:'admin/:token',redirectTo:'广告...
在 Angular 6 中生成没有 *.spec.ts 的组件
在之前的版本中,可以使用 .angular-cli.json 禁用spec.ts,如下所示。 有没有办法用 6.0.0 版本中的 angular.json 来做到这一点? “默认”:{ “成分”: { “规格”:假...
我有如下场景: 我想要实现的是: 当用户单击“全部”时,将选择所有选项,当用户再次单击“全部”时,将取消选择所有选项。 如果选中所有选项...