-
angular – 无法解析AuthGuard的所有参数
所属栏目:[安全] 日期:2020-12-17 热度:99
我有这个AuthGuard: export class AuthGuard implements CanActivate { constructor (private router: Router) {} canActivate(route: ActivatedRouteSnapshot,state: RouterStateSnapshot): Observableboolean | Promiseboolean | boolean { if (localStor[详细]
-
以角度5显示/隐藏链接的最佳方式
所属栏目:[安全] 日期:2020-12-17 热度:50
我目前有一个主页,可以路由到我公司运行的所有不同工作流程.我们有大约15个不同的工作流程,每个工作流程都由用户角色保护.如果您在数据库中没有正确的用户角色,则不会看到该页面的相应链接.我们保护服务器端点,但我担心的是向人们显示链接或不显示链接的最佳[详细]
-
angular – 分组测试结果:Karma / Protractor与Jenkins集成
所属栏目:[安全] 日期:2020-12-17 热度:116
我已经成功设置了一个Jenkins作业,该作业执行我的Karma测试(使用Angular-CLI),还有我的Protractor测试Angular4 App(使用Angular-CLI).这两个测试都将输出一个 XML文件,Jenkins将使用该文件来显示结果和详细信息. 使用以下屏幕截图我的问题非常简单明了:我不[详细]
-
Angular和Spring Boot:配置使它们有效地协同工作
所属栏目:[安全] 日期:2020-12-17 热度:119
Angular projet构建依赖于 Angular CLI tool. Spring boot项目的构建依赖于 Spring Boot Maven Plugin. 那么如何配置和构建一个在前端托管Angular应用程序的Spring Boot应用程序呢? 我的要求如下: 使用Maven作为Java构建工具 在Spring Boot引导的嵌入式Tom[详细]
-
Angular(2/4):选择文本会触发click事件
所属栏目:[安全] 日期:2020-12-17 热度:159
如果元素具有(单击)处理程序并且您在此元素中选择了一些文本,则会调用(单击)处理程序.有办法防止这种情况吗? Here’s a Plunkr说明了问题.相关代码: @Component({ selector: 'my-app',template: ` div h2 (click)="handleClick()"Click or select this tex[详细]
-
angular – 获取组件树上某种类型的所有指令的引用
所属栏目:[安全] 日期:2020-12-17 热度:188
我有一个复杂的场景,我需要帮助. 我有一个指令(称为TagDirective),它放在我的应用程序的多个元素上.我有另一个指令(QueryDirective),它需要引用其主机元素上存在的TagDirective的所有实例,以及层次结构中它上面的所有元素. 例: div appTag="a" div appTag="[详细]
-
Angular – Karma – ngrx – 没有商??店提供商
所属栏目:[安全] 日期:2020-12-17 热度:193
在我的一个单元测试中,我正在尝试模拟@ ngrx / store.我已经在另一个spec文件中成功使用了该技术,但是当我尝试在这个中使用它时,我收到一个注入错误,说没有商店提供商!以下是spec文件中的相关代码: beforeEach(async(() = { const emptyState = { opportun[详细]
-
Angular2 / 4 mat-select多个ngModel
所属栏目:[安全] 日期:2020-12-17 热度:119
我有一个mat-select下拉列表,启用了多个,我使用NgModel来存储用户选择的值. 问题是,当我导航到另一个页面并返回时,用户选择的值不在mat-select中..我知道ngModel有这些值…我遗漏了一些东西…… HTML mat-form-field mat-select placeholder="Customers" nam[详细]
-
角度的动画不是动画
所属栏目:[安全] 日期:2020-12-17 热度:113
我想在Angular4项目中使用animejs. 我一直在寻找一些提示和线索如何继续这个,但几乎没有任何地方. 所以我试图沿x坐标移动框… animejs-logo.component.ts文件: import { Component,OnInit } from '@angular/core';import anime from 'animejs';@Component({[详细]
-
微小的Mce双向绑定与Angular 2/4
所属栏目:[安全] 日期:2020-12-17 热度:109
这是我的tinymce.component.ts import { Component,OnDestroy,AfterViewInit,EventEmitter,Input,Output} from '@angular/core';@Component({ selector: 'simple-tiny',template: `textarea id="{{elementId}}"/textarea`})export class SimpleTinyComponent[详细]
-
angular – 模板解析错误:没有将“exportAs”设置为“matMenu”
所属栏目:[安全] 日期:2020-12-17 热度:89
随着Angular Material及其 breaking changes的新更新,我无法再使用我的 md-menu组件.我在导入MaterialModule时工作,但现在导入MatMenuModule或MdMenuModule时会产生以下错误: compiler.es5.js:1690 Uncaught Error: Template parse errors:There is no dire[详细]
-
angular – 如何在同一路径中添加CanActivate和loadChildren
所属栏目:[安全] 日期:2020-12-17 热度:92
我想懒惰加载我的模块,但同时使用canActivate保护它.我试过了: { path: 'dashboard/vendor',canActivate: AuthGuard,loadChildren: 'app/module/dashboard/vendor/vendor.module#VendorModule' } 请注意,我没有使用子项,因为我使用RouterModule.forChild在v[详细]
-
angular – 如果输入框为空,如何禁用按钮,并在填充字段时启用
所属栏目:[安全] 日期:2020-12-17 热度:142
如果用户未填充输入字段,我希望禁用该按钮.我添加了一个条件“(name.value.length === 0 || email.value.length === 0)”它会在加载时禁用该按钮,但是当在文本字段中输入值时,不会删除禁用的 section class="container col-md-12 col-md-offset-3" h1Add Use[详细]
-
angular – ngOnInit不在错误页面组件上运行
所属栏目:[安全] 日期:2020-12-17 热度:62
Angular 4应用程序. 我正在尝试创建一个错误页面,以显示有关可能发生的未处理异常的一些信息. GlobalErrorHandler拦截最终错误并将用户重定向到由单个ErrorComponent组成的页面.发生错误时会显示页面,但不会调用生命周期挂钩. ErrorHandler: @Injectable()e[详细]
-
angular – ngx-translate .instant返回键而不是值
所属栏目:[安全] 日期:2020-12-17 热度:178
我试图通过使用translate.instant(参数)创建一个接受字符串键并返回翻译后的字符串值的方法.问题是它返回键(参数).通常,如果找不到翻译,则返回此选项.我认为问题是在加载器加载转换之前调用方法. 我的app.module.ts导入: TranslateModule.forRoot({ loader:[详细]
-
在Angular中使用Hostbinding注入样式声明
所属栏目:[安全] 日期:2020-12-17 热度:70
你们知道如何使用@HostBinding装饰器在组件中批量注入样式声明吗? 我在想的是: @HostBinding('style')get style(): CSSStyleDeclaration { return { background: 'red',color: 'lime' } as CSSStyleDeclaration;} 在我的理解中,这应该为组件注入背景和颜色[详细]
-
angular – ReferenceError:未定义localStorage
所属栏目:[安全] 日期:2020-12-17 热度:81
我正在尝试使用Angular和ASP.NET Core进行用户身份验证. 我按照这里的教程: https://fullstackmark.com/post/10/user-authentication-with-angular-and-asp-net-core 我按照所有步骤没有任何错误. 该应用运行,但当我去“/ register”或“/ login”路线时,我[详细]
-
如何在Angular 2.0中获取当前URL
所属栏目:[安全] 日期:2020-12-17 热度:64
我知道这已被问过很多次了,我花了2个多小时的时间寻找解决方案. 所以请不要评论重复或投票反复询问重复的问题. 我当前的URL是:http:// localhost:4200 / configuration 以下是我尝试实施的许多在线找到的解决方案之一. export class AppComponent impleme[详细]
-
angular – 在RxJs Observable中包装API函数
所属栏目:[安全] 日期:2020-12-17 热度:105
我是RxJs的新手,我有一个API用于地理编码,提供如下函数: simpleGeocode(options)* where options = { address: {addr: ... },success: Function,failure: Function}. The success function returns the geocoded LatLon object. 我在Angular应用程序中使用N[详细]
-
Angular 4 http获取查询参数
所属栏目:[安全] 日期:2020-12-17 热度:112
第一个块按预期工作 getQuotes(): ObservableQuote[] { return this.http.get(this.url) .map((res: Response) = res.json()) .catch((error: any) = Observable.throw(error.json().error || 'Server error'));} 现在我要向this.url添加查询参数,并且url没[详细]
-
角度 – 前端框架世界中的认证
所属栏目:[安全] 日期:2020-12-17 热度:186
我的问题是关于登录今天的前端世界: 在旧的服务器端呈现方式 – 我将在后端验证用户登录并呈现适合登录用户的整个html页面. 但现在有了前端框架 – 我第一次进入网站时给用户所有可能的页面,然后在他的浏览器中为他呈现正确的页面. 据我所知现在 – 在前端[详细]
-
使用Angular CLI Build包含纯HTML文件和文件夹?
所属栏目:[安全] 日期:2020-12-17 热度:109
有没有办法让我使用ng build包含静态html文件? 我想每次构建时都将它放在子文件夹中 例如 MySite.com/static/index.html 我知道我可以手动执行此操作,但不希望每次构建都不这样做 解决方法 在项目中添加静态文件夹,并在其中添加index.html.然后,只需在.angu[详细]
-
angular – 在tab chage上重新加载NgbTab组件
所属栏目:[安全] 日期:2020-12-17 热度:103
我有2个选项卡,在选项卡内容中有一个我开发的组件.当我从一个选项卡移动到另一个选项卡并返回到我开发的组件所在的选项卡时,它会重新加载并调用其生命周期方法,这些方法会给我带来问题. 有没有办法在更改选项卡时停止重新加载组件. HTML代码: ngb-tabset ng[详细]
-
angularjs – 无法加载模板问题
所属栏目:[安全] 日期:2020-12-17 热度:120
使用AngularJS-1.6.5 Angular-ui-router-1.0.6咕嘟咕嘟-3.9.1 我有这个绝对讨厌的问题.我有一个似乎构建良好的角度应用程序,但当我运行gulp-connect运行它时,我仍然无法按此顺序加载模板错误: vendor.js:14803错误:[$compile:tpload]无法加载模板:app /[详细]
-
Angular2根据全局设置为路径加载不同的组件
所属栏目:[安全] 日期:2020-12-17 热度:193
我们有一个要求,取决于静态/全局设置,根据客户需要为路径加载不同的组件.原因是他们希望应用程序的一部分具有稍微不同的功能,因此我们将为每个应用程序编写一个组件来满足他们的场景.有没有办法动态地/在运行时为路径选择组件并保持相同的路由/ URL.以下是我[详细]