-
angularjs – 如何保存量角器测试结果
所属栏目:[安全] 日期:2020-12-17 热度:165
有没有办法在运行测试后将量角器测试结果输出到要在命令行之外查看的文件,包括查看详细的故障? 我找到了一个很好的清洁方式,使用Jasmine记者以有序的方式保存测试结果. 如何安装和配置Jasmine记者: 安装Jasmine记者: npm install -g jasmine-reporters 将[详细]
-
如何在TabView(PrimeNG)中延迟加载Angular 2组件?
所属栏目:[安全] 日期:2020-12-17 热度:95
这是我的app.component.ts: import { Component } from '@angular/core';@Component({ templateUrl: 'app/app.component.html',selector: 'my-app'})export class AppComponent {} 这是我的app.component.html: p-tabView p-tabPanel header="Home" leftIc[详细]
-
angularjs – 如何使用ng-click在ng-repeat项目中切换活动状态ng
所属栏目:[安全] 日期:2020-12-17 热度:68
ul li data-ng-repeat="image in images" data-ng-click="toggle = !toggle" data-ng-init="toggle=false" img data-ng-class="{'active' : toggle}" src="" / /li/ul ‘active’类的CSS来自bootstrap. 所以切换工作,这几乎是我想要的;我希望它类似于导航链[详细]
-
angular – BrowserAnimationsModule和NoopAnimationsModule之间
所属栏目:[安全] 日期:2020-12-17 热度:84
使用新的Angular-Material版本,您需要为Angular-Animations添加模块.您可以在两个BrowserAnimationsModule和NoopAnimationsModule之间进行选择. official guide声明: Some Material components depend on the Angular animations module in order to be abl[详细]
-
Angular App中的语法错误:意外的令牌<
所属栏目:[安全] 日期:2020-12-17 热度:83
我有一个Angular应用程序,可以在我的本地和生产环境中完美运行. 在我做了一个微小的改变之后,我在本地运行了应用程序并且工作正常.然后我构建了项目并将dist文件夹复制到Web服务器.问题是,当我尝试访问该应用时,我在Chrome检查器中收到以下错误: Uncaught S[详细]
-
属性’forkJoin’在类型’typeof observable’上不存在 – angul
所属栏目:[安全] 日期:2020-12-17 热度:175
我想在这里尝试使用forkJoin主要使用接受的答案: Angular2 Observable.forkJoin of observable variables – ReferenceError: Observable is not defined 我收到上面的错误消息,因为forkJoin不可用. 谁知道为什么? 你做了这个了吗? import { Observable }[详细]
-
angular – 使用管道名称/元数据在运行时调用管道
所属栏目:[安全] 日期:2020-12-17 热度:78
我正在尝试构建一个动态表,我可以在运行时决定使用哪个管道(如果有). 我正在尝试实现类似于(简化)的东西: export class CellModel { public content: any; public pipe: string} 表 tbody tr *ngFor="let row of data" template ngFor let-cell [ngForOf]=r[详细]
-
angular – 在RxJS Observable中“展平”数组的最佳方法
所属栏目:[安全] 日期:2020-12-17 热度:149
我的后端经常将数据作为数组返回到RxJS 5 Observable中(我正在使用Angular 2). 我经常发现自己想要使用RxJS运算符单独处理数组项,我使用以下代码(JSBin): const dataFromBackend = Rx.Observable.of([ { name: 'item1',active: true },{ name: 'item2',acti[详细]
-
Angular2 Base64清理不安全的URL值
所属栏目:[安全] 日期:2020-12-17 热度:72
来自我的服务器的响应如下: [{"coreGoalId":1,"title":"Core goal 1","infrastructure":"Sample Infrastructure","audience":"People","subGoals":null,"benefits":[{"benefitId":1,"what":"string","coreGoalId":1}],"effects":null,"steps":null,"images"[详细]
-
Angular 2表单“无法找到路径控制”
所属栏目:[安全] 日期:2020-12-17 热度:61
我尝试制作一个动态表单(这样你就可以无限制地将项目添加到列表中),但不知何故我的列表内容没有得到发送,因为它无法找到带路径的控件: Cannot find control with path: ‘list_items - list_item’ 我的组件: @Component({ selector: 'app-list',templateU[详细]
-
Angular 2 – 将参数传递给Route
所属栏目:[安全] 日期:2020-12-17 热度:185
我有一个 a标签如下, a [routerLink]="[/Person']"Person/a 所以我想把person.id传递给这个/ Person路由器.我怎样才能通过它在@RouteConfig上处理它,就像Angular 1中的params一样 传递给路由器链接: a [routerLink]="['/Person',person.id]"Person/a 处理组[详细]
-
造型垫选择角度材料
所属栏目:[安全] 日期:2020-12-17 热度:70
如何设置mat-select的面板组件的样式.从我得到的文档,我需要提供panelClass所以我这样做: mat-form-field mat-select placeholder="Search for" [(ngModel)]="searchClassVal" panelClass="my-select-panel-class" (change)="onSearchClassSelect($event)"[详细]
-
如何验证空格/空格? [Angular 2]
所属栏目:[安全] 日期:2020-12-17 热度:168
我想在我的棱角2形式中避免使用空格/空格? 可能吗? 如何才能做到这一点? 也许这篇文章可以帮助你 http://blog.angular-university.io/introduction-to-angular-2-forms-template-driven-vs-model-driven/ 在这种方法中,您必须使用FormControl然后监视值更[详细]
-
typescript – 如何在不同文件的Angular 2组件中使用javascript
所属栏目:[安全] 日期:2020-12-17 热度:83
我有一个javascript文件,其中包含一些数据操作函数(根本没有DOM操作),例如浮点舍入,数学运算,等等 我的js文件名为myexample.js就是这样 function example(input) { return input * 2}module.exports = { example: example } 然后我有我的角度组件example.com[详细]
-
以角度2在两个子组件之间进行通信
所属栏目:[安全] 日期:2020-12-17 热度:182
我在角度2中非常新.我在两个组件之间进行通信时遇到问题.当我有一个父项和一些子组件的布局时,可以很容易地使用@Input注释设置子组件的变量. 但是现在我有一个父组件的布局(主要用于布局)和两个子组件: 子组件2有一堆按钮,只创建一个简单的消息.现在我想在[详细]
-
angularjs – 更改指令中的控制器范围变量不会反映在控制器功能
所属栏目:[安全] 日期:2020-12-17 热度:151
在我的指令中,我有一个控制器变量,当你按下指令中的按钮时,页面会增加.但是,调用控制器函数的下一行scope.alertPage()不会反映此更改.请注意,当您单击按钮页面时仍然会被警告为1! 我知道我可以通过在控制器中添加$scope.$apply来解决这个问题.但是我得到的[详细]
-
Angular Material 2数据表连接到AngularFire2或Firebase服务?
所属栏目:[安全] 日期:2020-12-17 热度:86
我希望它只是即插即用:-)我一直在喋喋不休地打了几个小时没有我的小实验工作. md数据表是新的,因此Web上几乎没有神圣的知识.找到将Firebase连接到桌面的好方法将是一个良好的开端.有任何想法吗? 目前我有这个设置.我的代码工作得很好,没有带有标准Angular设[详细]
-
AngularJS在一个范围之间过滤
所属栏目:[安全] 日期:2020-12-17 热度:106
我设置了一个范围滑块,范围从0到2小时,时间以分钟计算,然后转换为hh:mm,如下:10分钟,20分钟,1小时20分钟,2小时. 但是现在我正在尝试使用范围滑块指定的范围来过滤ng-repeat内的一堆项目,我很难完成这项工作. 这就是我所做的http://cdpn.io/LDusa 我使用htt[详细]
-
数组 – 从Angular服务获取对象数组
所属栏目:[安全] 日期:2020-12-17 热度:190
我是Angular的新手(和Javascript一样).我写了一个Angular服务,它返回一个用户数组.从HTTP调用中检索数据,该调用以JSON格式返回数据.记录从HTTP调用返回的JSON数据时,我可以看到此调用成功并返回正确的数据.我有一个调用服务来获取用户的组件和一个显示用户的[详细]
-
angularjs – Angular2方法绑定错误:“值在检查后已更改”
所属栏目:[安全] 日期:2020-12-17 热度:163
我想在Angular2中制作一个圆形板.例如,我想制作10个圆圈,但实际上这个数字可以改变.我想计算每个圆的半径,所以它是动态的而不是静态的.如图 所示 这是我的代码 @Component({ selector:"circle" template: ` svg circle *ngFor='#item of forLength #i=index[详细]
-
typescript – 无法在RxJS subscribe()函数中获取组件变量
所属栏目:[安全] 日期:2020-12-17 热度:140
这可能是关于打字稿的范围和变量可访问性的更一般的问题. 我可以使用this.variable来获取组件任何部分的变量,除了像subscribe()或catch()这样的RxJS函数.例如,我想在运行进程后打印一条消息: import {Component,View} from 'angular2/core';@Component({ se[详细]
-
angularjs – 如何在Visual Studio Code中使用Typescript和Jasmi
所属栏目:[安全] 日期:2020-12-17 热度:144
我的项目从独立到Web,我们的新WebSite正在AngularJS中创建,因此Protractor是为Test Automation选择的工具. 我想整合Typescript与Jasmine和Node的依赖关系,以便我不会得到诸如此类的错误 cannot find name Describecannot find name itcannot find name Expec[详细]
-
angular 2 – http错误处理程序中的注入服务
所属栏目:[安全] 日期:2020-12-17 热度:125
我有一个方法handleError(),如文档 https://angular.io/docs/ts/latest/guide/server-communication.html#!#error-handling中所示 private handleError(error: any) { console.error(error); console.log(this.loginService); // - always undefined return[详细]
-
Angular 4,自定义ErrorHandler无法识别自定义错误
所属栏目:[安全] 日期:2020-12-17 热度:113
我尝试创建自定义全局 ErrorHandler并遵循详细说明 here 应用程序错误处理程序(只是重要的部分) @Injectable()export class ApplicationErrorHandler extends ErrorHandler { constructor(private injector: Injector) { super(false); } handleError(error:[详细]
-
Angular 2 – ng-bootstrap如何为其NgbRadio指令提供NgbRadioGro
所属栏目:[安全] 日期:2020-12-17 热度:132
这是标签代码: import {Directive} from '@angular/core';@Directive({ selector: '[ngbButtonLabel]',host: {'[class.btn]': 'true','[class.active]': 'active','[class.disabled]': 'disabled','[class.focus]': 'focused'}})export class NgbButtonLabe[详细]