-
angular5 – 在没有卡片点击/触摸扩展的情况下向垫片添加纹波
所属栏目：[安全] 日期：2020-12-17 热度：78
我试图使用角度材料为卡添加涟漪效果.涟漪效应按照它的方式工作,除了它在效果激活时扩展卡的高度. 如何阻止卡扩展？ mat-card mat-ripple mat-card-contentThis is content/mat-card-content/mat-card Stackblitz that demonstrates the behaviour 解决方法[详细]
-
Angular 5 – “无法读取未定义的属性”
所属栏目：[安全] 日期：2020-12-17 热度：101
在Angular 5中,用于输入 input name="techSpecMeta.make" [(ngModel)]="techSpecMeta.make" type="text" class="form-control border-input" placeholder="Enter car brand" 得到错误 无法读取未定义的属性’make’ ????在Object.eval [作为updateDirectives[详细]
-
异步管道在Angular的输入中不起作用
所属栏目：[安全] 日期：2020-12-17 热度：160
我习惯在Angular HTML模板中使用带有“as”的异步管道,以避免复制可观察的订阅,如下所示： component *ngIf="(selected$| async) as selected"/component 那么我可以在模板中的任何其他地方使用“选中”. 但是如果我尝试像这样使用它,在输入中： component [[详细]
-
在Angular 2中使用shadow DOM时,Node.contains()是否有效？
所属栏目：[安全] 日期：2020-12-17 热度：82
我在文档中的任何地方都找不到这个,但是当我点击作为父组件一部分的组件内的东西时,我的Node.contains()函数不起作用. 我的父组件如下所示： div class="body" div class="item" *ngFor="let item of sortedItems;" cv-checkbox/cv-checkbox cv-svg-icon/cv-[详细]
-
Angular 5 HttpClient比以前的Http有什么优势？
所属栏目：[安全] 日期：2020-12-17 热度：198
我阅读了官方升级指南,它说的是“因为HttpClient获得了广泛的采用,我们决定……”但是这个HttpClient带来的真正好处是什么？ 我正在考虑尝试一下,但是因为我不知道升级后需要发生什么,所以我感到很困惑： 从’@ angular / http’导入{Http,Headers,RequestOp[详细]
-
角度2材质选择打开按钮
所属栏目：[安全] 日期：2020-12-17 热度：136
我有一个选择下拉列表,我想用按钮点击打开,在文档中没有提到这个 – 我尝试使用元素引用并在元素上使用select.open()但它不起作用.还有其他人遇到过这个问题吗？ button ngClass="menu-filter-item-button" type="button" mat-button (click)="select.open()[详细]
-
angular-ngrx一次飞行中有一个请求
所属栏目：[安全] 日期：2020-12-17 热度：67
上下文：Angular 4.x,RxJs 5.4.x,NgRx 4.1.1. 目标：当多个组件请求相同的数据时,我希望避免重复相同的api调用.我不想取消飞行中的请求,只是在飞行中的请求完成之前不要取得未来的请求. 方法：在商店中有一个名为isFetching的标志.在我的效果中,我检查标志,[详细]
-
Angular 5组件测试选择和触发事件
所属栏目：[安全] 日期：2020-12-17 热度：83
我有一个有下拉列表的组件.更改后,它会触发一个事件,该事件通过数组进行过滤,以根据事件值从数组中获取selectedProduct. 我的代码如下： public onProductChanged(event): void { this.selectedProduct = this.products.find((product: Products) = product.[详细]
-
如何更新角度材料
所属栏目：[安全] 日期：2020-12-17 热度：128
将项目中的角度材料更新到最新版本material@2.0.0-alpha.8-3的最佳方法是什么？ 我试过了： npm install --save @angular/material @angular/cdk 解决方法 您将要使用npm update命令.例子看起来像这样. npm update --save @angular/material @angular/cdk 请[详细]
-
Angular5中新的路由器生命周期是什么？
所属栏目：[安全] 日期：2020-12-17 热度：146
我是Angular2 / 4/5的新手,几天前我用TypeScript在Angular5中开始我的新项目. 我必须跟踪组件中的路由循环. 有可能实现吗？ 我非常感谢您的宝贵意见.提前致谢. 解决方法 它允许开发人员跟踪路由器的循环,从开始运行防护装置到完成激活. 新事件(按顺序)是Guar[详细]
-
Angular Hero Editor项目中的说明不清楚
所属栏目：[安全] 日期：2020-12-17 热度：121
The tutorial for Angular Hero Editor声明要为HeroesComponent添加一个名为“Windstorm”的英雄的英雄属性,你应该编辑heroes.component.ts并添加： hero =’风暴’; 但是,它没有说明应该放置代码的位置. 我应该在哪里将代码添加到文件中？以下是文件的内容[详细]
-
Angular @input值未定义
所属栏目：[安全] 日期：2020-12-17 热度：144
将值从父级传递给子级.子组件中接收的值未定义 working example 这是我的app.component import { Component,OnInit } from '@angular/core';import {HttpClient} from '@angular/common/http';interface ItemsResponse { data: any[];}@Component({ selector[详细]
-
angular – 在observer.error()之后需要调用observer.complete()
所属栏目：[安全] 日期：2020-12-17 热度：160
我在Angular 2中编写了一个observable.我的代码是这样的： Observable.create(observer = { // fetched something from web service if (some condition) { observer.next('something'); observer.complete(); } else { // error with no data observer.erro[详细]
-
angular – 使用@Input()时TypeScript错误
所属栏目：[安全] 日期：2020-12-17 热度：151
我正在尝试使用Angular 4开发一个应用程序.但是我在使用时收到了一条错误消息 @Input('inputProducts') products: Product[]; 错误是 [tslint] In the class “ProductListComponent”,the directive input property “products” should not be renamed.Ple[详细]
-
@ angular / material datepicker位置
所属栏目：[安全] 日期：2020-12-17 热度：147
我正在使用@ angular / material2模块将datepicker添加到我的angular 4 app. 这是我的HTML mat-form-field input matInput [matDatepicker]="picker" placeholder="Choose a date" mat-datepicker-toggle matSuffix [for]="picker"/mat-datepicker-toggle ma[详细]
-
如何为枚举Angular 4打字稿显示不同的字符串
所属栏目：[安全] 日期：2020-12-17 热度：136
我有一个基于字符串的枚举.在不更改枚举类的情况下,我需要在模态上显示不同的字符串.我的obj包含枚举.我的代码如下： ENUM： export enum FooEnum { ONE,TWO,THREE } HTML： select class="form-control" type="text" id="foo" [(ngModel)]="obj.foo" requir[详细]
-
在Angular Material表中混合静态和动态列(mat-table)
所属栏目：[安全] 日期：2020-12-17 热度：55
你们有没有人知道是否可以在mat-table中混合动态和静态列？我用它来显示用户数据,但是我需要另一个列来显示关于用户的不同操作按钮.简单地添加另一个ng-container不起作用,因为在displayedColumns中没有列定义,但是当我添加它时,我得到“重复错误”. div cla[详细]
-
Angular http post请求内容类型从’text / plain’到’applicati
所属栏目：[安全] 日期：2020-12-17 热度：130
我试图使用POST请求从服务获取数据.但我不能改变标题(TS不会编译)或内容类型.我在控制台中收到此错误： status”:415,”error”:”Unsupported Media Type”,”exception”:”org.springframework.web.HttpMediaTypeNotSupportedException”,”message”:”C[详细]
-
angular – 没有导出成员’MdCardModule’和’MdTooltipModule’
所属栏目：[安全] 日期：2020-12-17 热度：134
当我运行构建它显示一些错误： ERROR in C:/761/search- bar/workload_management_app/Client/src/app/app.module.ts (8,9): Module ‘”C:/761/search- bar/workload_management_app/Client/node_modules/@angular/materia l/material”‘ has no exported[详细]
-
有没有办法在Angular 4中使用“模板引用变量”？
所属栏目：[安全] 日期：2020-12-17 热度：50
我试图找出如何在.pug模板中使用模板引用变量. 例如：div(#var)将抛出一个错误： compiler.es5.js:1694 Uncaught Error: Template parse errors: There is no directive with "exportAs" set to "#var" (" ... 原因是哈巴狗会呈现为： div #var="#var" ...[详细]
-
角度 – 离子服务在’build dev started’之后停止
所属栏目：[安全] 日期：2020-12-17 热度：59
当我运行离子服务时,为什么进程停止在build dev开始？ 任何人都可以帮我解决这个问题吗？ 我有2个项目,第一个项目成功运行,我关闭命令提示符,当我移动并运行到第二个项目时,问题已经发生. 解决方法 这是由于另一台直播服务器正在运行后台.您需要杀死该服务器[详细]
-
angular – 将mouseevent传递给组件onclick
所属栏目：[安全] 日期：2020-12-17 热度：151
我正在尝试捕获Angular组件中的鼠标坐标. 这是有问题的html： div id="container" class="fullSize" style="height:100%;" (click)="onClick(ev)"/div 这是相应的typescript文件中的组件函数： onClick( ev : MouseEvent ) { console.log("x:" + ev.clientX)[详细]
-
Angular(4)：分别禁用整个表单(组)而不是每个输入？
所属栏目：[安全] 日期：2020-12-17 热度：158
是否可以以角度禁用整个表单(组)而不是分别为每个输入执行此操作？ 类似于 input [disabled] =“formNotValid”/但对于 form或者 div ngModelGroup ..？ 解决方法 如果你使用ReactiveForms只是写 form: formGroup;this.form.disable(); 在ngForm的情况下,你[详细]
-
如何删除angular2反应形式的FormArray
所属栏目：[安全] 日期：2020-12-17 热度：114
我在从ReactiveForm中删除FormArray时遇到了问题. 我有以下代码： ngOnInit() { this.survey = new FormGroup({ surveyName: new FormControl(''),sections: new FormArray([ this.initSection(),]),}); }initSection(){ return new FormGroup({ sectionTitl[详细]
-
Angular 2 – 刷新ngx数据表列表问题
所属栏目：[安全] 日期：2020-12-17 热度：156
我正在研究一个Angular 2项目. 我使用ngx-datatable显示用户列表： ngx-datatable class="material"[rows]="rows"[columnMode]="'force'"[headerHeight]="40"[footerHeight]="40"[rowHeight]="30"[externalPaging]="true"[limit]="limit"(select)='onSelect([详细]
