-
Angular 自定义拖拽指令
所属栏目：[安全] 日期：2020-12-17 热度：200
指令 组件是一种带模版的指令。指令是超级。 结构型指令（改变布局）和属性型指令（改变外观和行为）。 Renderer2和ElementRef Angular不提倡直接操作DOM 对于DOM的操作应该通过Renderer2进行。 ElementRef是指向DOM元素的引用 拖拽指令实例 1、新建directiv[详细]
-
Angular结构型指令，模块和样式
所属栏目：[安全] 日期：2020-12-17 热度：196
结构型指令 *是一个语法糖,a *ngIf="user.login"退出/a相当于 ng-template [ngIf]="user.login" ? a退出/a /ng-template 避免了写ng-template。 ng-template [ngIf] ="item.reminder" mat-icon alarm / mat-icon / ng-template !-- mat-icon *ngIf="item.rem[详细]
-
angular – 与Scheduler.async的RxJS依赖问题
所属栏目：[安全] 日期：2020-12-17 热度：200
我在Angular2组件类的构造函数中有以下代码： var observable = Observable.create(function (observer) { observer.next(1); observer.next(2); observer.next(3); observer.complete(); }).observeOn(Scheduler.async); 我导入包括以下内容： import { Obs[详细]
-
有条件地在Angular 2反应形式的表单字段中实现验证
所属栏目：[安全] 日期：2020-12-17 热度：136
我可以有条件地实现Angular 2反应形式的验证.我有这个带有3个formControl字段的反应形式,一个是选择,另外两个是名字和姓氏的输入文本.我想根据第一个字段“validateBy”的选择有条件地实现firstname和lastname的验证.如果用户选择’byFirstName’,则只应验证[详细]
-
Hostlistener上的angular – scroll事件
所属栏目：[安全] 日期：2020-12-17 热度：147
我已经定义了模板 @Component({ selector: 'name',directives: [ ... ],templateUrl: 'name.html'}) 和班级 export class ProductGridComponent implements OnInit { @HostListener('scroll',['$event']) onScroll(e) { alert(window.pageYOffset) } product[详细]
-
Angular 5 – HttpClient Post没有发布
所属栏目：[安全] 日期：2020-12-17 热度：185
我有一个httpClient帖子,通过服务,没有给我任何错误,但它也没有将数据发布到数据库. 这是代码： dataService.ts import { Injectable } from '@angular/core';import { HttpClient,HttpHeaders } from '@angular/common/http';const httpOptions = { headers[详细]
-
数组 – Angular 4数组验证
所属栏目：[安全] 日期：2020-12-17 热度：105
我需要有关反应形式的formArray验证方面的帮助.我想验证数组中的每个项目,但我不知道我该怎么做.谢谢. HTML代码： label for="name"name:/label input formControlName="name" id="name" type="text" div *ngIf="name.invalid (name.dirty || name.touched)"[详细]
-
angular5 – 如何设置PrimeNG p-dropdown的默认值
所属栏目：[安全] 日期：2020-12-17 热度：166
我在angular5应用程序中使用PrimeNG.我有p-dropdown的问题 题 我有显示国家的p-down.我正确绑定选择选项,它工作正常(此数据来自api),但我需要为此p-dropdown设置默认选择选项为“India”. 我将ng-model值设置为印度,但它不起作用. 我的dummy.component.html[详细]
-
检查元素是否存在 – Jasmine&Angular
所属栏目：[安全] 日期：2020-12-17 热度：117
我想编写一个测试来检查点击后页面上是否存在元素.因此,当我单击带有“addItem”类的元素时,使用* ngIf隐藏此元素.我试过这样的： it('Should handle click on .addItem button',() = { spyOn(component,'addItem'); addItemDebugElement = componentFixture[详细]
-
Angular with Jasmine：beforeEach()中的异步和它()中的异步之间
所属栏目：[安全] 日期：2020-12-17 热度：69
我的目标是测试API调用,考虑延迟.我受到 this post的启发. 我设计了一个沙箱,其中模拟API需要1000毫秒来响应并更改全局变量结果的值.测试在500毫秒后和1500毫秒后检查值. 这是最后一次测试失败的代码： let result: number; const mockAPICall = (delay: num[详细]
-
数据更新后下拉不更改,因为两个API同时调用
所属栏目：[安全] 日期：2020-12-17 热度：94
this.rateService.deleterateSheet(formattedData).toPromise().then( rateData = { alert('deleting') this.rateService.gettingRates(this.accountId).toPromise().then( ratesData1 = { this.rates = (ratesData1['data']); this.snackBar.open('RateShee[详细]
-
Angular4多个模块问题
所属栏目：[安全] 日期：2020-12-17 热度：72
我有一个应用程序,它有多个视图,如导航和页面.所以我添加了一个布局模块并将该模块导入主模块现在尝试在app组件中使用布局模块导航组件.所以这应该显示navigation.html内容,但它将变为空白.它也没有给出任何错误.不确定我做错了什么.以下是我的代码,将提供正[详细]
-
测试 – 如何仅在一次测试中覆盖Angular 5中的Provider？
所属栏目：[安全] 日期：2020-12-17 热度：178
在我的一个单元测试文件中,我必须使用不同的模拟多次模拟相同的服务. import { MyService } from '../services/myservice.service';import { MockMyService1 } from '../mocks/mockmyservice1';import { MockMyService2 } from '../mocks/mockmyservice2';de[详细]
-
angular – 如何在动态组件中使用反应形式
所属栏目：[安全] 日期：2020-12-17 热度：69
BackgroundI从包含 HTML的服务器接收客户端生成的数据,然后我使用该数据创建一个动态组件,该组件将被注入并显示在我们的客户端中.我收到的HTML可以包含一个或多个我需要通过Angular Reactive Forms绑定的输入. 尝试1：我试图通过简单地使用[innerHTML]属性并[详细]
-
angular – 将事件动态附加到输入
所属栏目：[安全] 日期：2020-12-17 热度：145
我正在ng5中创建一个表单生成器.基本上,我发送它 JSON,它生成表单. 我需要一种方法将事件动态附加到FormControl.我将以下JSON传递给它： { events: { click: 'functionNameHere',dblclick: 'functionNameHere',so on .... }} 如何将此处传递的任何事件附加到[详细]
-
Angular 5：允许在路径中使用尾随斜杠
所属栏目：[安全] 日期：2020-12-17 热度：64
我正在使用Angular更新一个旧网站,我必须满足的一个要求是所有路由都应该保持原样(出于搜索引擎优化的目的). 许多旧网站的路线都以斜线(Like / my / route /)结束,其中一些以.html结尾,如/my/route.html. 问题是routerLink删除每条路线中的最后一个斜线,斜线[详细]
-
angular – Ngx无限滚动 – 模板解析错误：无法绑定到’infinite
所属栏目：[安全] 日期：2020-12-17 热度：147
我使用以下命令安装了ngx无限滚动 ngx-InfiniteScroll： npm install ngx-infinite-scroll --save 在我的app.module中,我添加了： import {InfiniteScrollModule} from 'ngx-infinite-scroll'; 在我的进口中,我补充说： imports: [ BrowserModule,FormsModul[详细]
-
angularjs – .net核心MVC：X-SRF-TOKEN不被接受,400返回
所属栏目：[安全] 日期：2020-12-17 热度：50
我有一个使用angularJS的.net核心应用程序,我想保护受基于cookie的身份验证保护的api调用.我按照本文中的步骤操作： https://docs.microsoft.com/en-us/aspnet/core/security/anti-request-forgery 我添加了services.AddAntiforgery(options = options.Heade[详细]
-
平台设置后无法启用prod模式. Angular 5 Production build
所属栏目：[安全] 日期：2020-12-17 热度：109
错误： Uncaught Error: Cannot enable prod mode after platform setup. at main.bundle.js:1 案件： 使用ng build –prod生成构建后,应用程序启动时出错.但是,使用ng serve或ng build编译的开发版本都可以正常工作. 我尝试了什么： – 在this回答之后,将全[详细]
-
Angular 5％管道digitInfo无法按预期工作
所属栏目：[安全] 日期：2020-12-17 热度：179
如果我在Angular 5模板中执行此操作： {{0.7 | percent:'1.2-5'}} 我按预期得到了这个：70.00％ 但是,当我这样做时： {{0.07 | percent:'1.2-5'}} 我得到7.00000％而不是预期的7.00％ 我只是做错了什么或者这是Angular中的一个错误？ 解决方法 看起来像 Deci[详细]
-
Angular：伪元素的动画,例如：before,：after
所属栏目：[安全] 日期：2020-12-17 热度：82
我正在寻找动画伪元素的方法,例如：之前,之后使用Angular动画. 我试着用一个查询： trigger('myanimation',[ query('.myclass:after',style({ top: 10px })) ]) 但不幸的是,它没有用. 这是代码 – https://stackblitz.com/edit/angular-ofa3wa 我想通过点击[详细]
-
角饼2中的D3 Pie？
所属栏目：[安全] 日期：2020-12-17 热度：123
如何在Angular 2中创建d3饼图如果我想计算EMI.我已经为EMI计算创建了应用程序.现在我想显示关于计算的PIE图表 这是emi.component.ts import { Component } from '@angular/core';import { FormGroup,FormControl,Validators } from '@angular/forms'import *[详细]
-
角4可重复使用的组件和模板
所属栏目：[安全] 日期：2020-12-17 热度：184
我坚持在Angular 4中创建一个可重用的组件.我有一堆报告都包含一个搜索表单(每个报告的字段不同)和一个材料表结果列表(每个报告的字段列表不同).当我为每个报告复制整个组件时,它按预期工作,但我想将其重构为可重用的组件/模板和扩展它的子组件.但范围都是错[详细]
-
angular – 测试文件输入接收数据时调用事件处理程序
所属栏目：[安全] 日期：2020-12-17 热度：193
我有一个Angular 4组件,它有一个 input类型文件.我想创建一个Jasmine测试,用于验证在输入字段接收文件时是否调用事件处理程序. 这是组件： div input type="file" (change)="fileChange($event)" placeholder="Upload file" accept=".xls,.xlsx" style="padd[详细]
-
Angular 4动态路由
所属栏目：[安全] 日期：2020-12-17 热度：170
我想在angular 4应用程序中实现动态路由.我想要做的是将新的Route对象推送到Router config.代码看起来像 @NgModule({declarations: [ AppViewComponent],imports: [ RouterModule.forRoot([ { path: '',redirectTo: 'home',pathMatch: 'full' },{ path: 'hom[详细]
