我有一个使用下面定义的ElementRef的方法.@ViewChild('idNaicsRef') idNaicsRef: ElementRef;然后,ElementRef使用.nativeElement.focus()设置焦点. 该方法在运行规范时失败,并说“未定义是对象”解决方法:尽管httpNick的答案应该行得通,但我最终还是向团队中的一名架构师询问了这一问题,他使我想到了一个稍微不同的解决方案,该解决方案可能会更简单一些.describe(MyComponent.name, () => {let comp: MyComponent;describe('myFunc...
如您所见,我有一个带有子组件的父亲表单组件.{{myFormFather.value}}向我显示nickName值和名称值,但不显示年龄值.{{myFormFather.status}}无法识别子组件.就像我的孩子是幻影一样,为什么呢? my-form-father.html<form [formGroup]="myFormFather" (ngSubmit)="onSubmit()"><input formControlName="nickName"><input formControlName="name"><my-form-child[age]="myFormFather"></my-form-child><button type="submit"[disabled]...
抱歉,如果我的问题很傻,但是我们在应用程序中遇到了延迟问题.KEYPRESS事件处理程序是罪魁祸首.我们在整个应用程序中使用以下指令.它通过HostListener检查KeyPress.按下键时,此伪指令使用regexp检查值,并且如果condition为false则执行preventDefault.private regexMap = { // add your own'999': /^([0-9]){0,3}$/g,'9999': /^([0-9]){0,4}$/g,...... }@HostListener('keypress', [ '$event' ]) public nInput(event: KeyboardEvent...
我最近使用D3制作了一些地图,并且在路径无法正确关闭方面遇到了一些问题,如下面的第一个示例所示.我认为这是围绕-90度纬度精度的某种数据问题,但是我不确定如何验证这种怀疑.有趣的是,当我在页面上包含d3-geo模块的最新版本时,地图将按预期方式渲染(请参见下面的第二个示例).这里发生了什么?var svg = d3.select("#map").style("border","0px solid #000000");var width = 600;var height = 300;var proj = d3.geoEquirectangular...
我正在尝试使用Mozilla的PDF.js (example here)开发PDfViewer应用程序.如果有任何github项目作为参考,那将很棒. 提前致谢!!解决方法:如果不是必须使用Mozilla的PDF.js,则可以使用ng2-pdf-viewer npm模块,该模块在后台使用PDF.js.您可以按照以下步骤开始 安装npm install ng2-pdf-viewer --save注意:对于角度为4或更低的版本,请使用版本3.0.8 然后,将模块导入app.module.jsimport { PdfViewerModule } from 'ng2-pdf-viewer';@N...
我已经在Angular 4中开发了一个Web应用程序.该应用程序已经从API返回了5万条记录.这样,我需要将该数据存储到本地存储中,并在数据返回时脱机处理.我尝试使用localstoarge,但是localstoarge没有存储所有数据.因为它的最大限制为5MB,并且会根据浏览器而变化.有什么建议吗? 谢谢,解决方法:请改用IndexedDB-它具有更大的大小限制,非常适合组织大量结构化数据.与localStorage相比,使用起来要棘手得多,但是如果您要存储的数据对于localSt...
我在另一个父应用程序的子目录中有一个Angular 5应用程序. 父应用程序是一组JSP,以及其他angularJs应用程序…等等. 我想做的是将一个CSS文件(从此父应用程序添加到Angular 5应用程序的组件中).@Component({selector: 'app-my-form',templateUrl: './my-form.component.html',styleUrls: [....] //Here }) 可能吗 ? 我看着这个问题:已经问过Load external css style into Angular 2 Component,但这与我的情况不符. 谢谢你的帮助解...
我已经阅读了Angular从1.x升级到版本5的官方文档.但是我无法实现ngUpgrade. 有人可以帮助解决此问题或帮助我继续吗? 旧项目在AngularJS 1.6中,我将ui-router用于路由机制. 以下是控制器的示例代码,heroController:myApp.controller("heroController", ["$scope", function ($scope) {// Controller Code }]);index.cshtml code:<body ng-app="myApp"><div ui-view></div> </body>我为现有应用程序提供了MVC的包装.现在,我想迁移到...
尝试使用angular2-json-schema-form&时出现此错误内置产品ERROR in Error during template compile of ‘DemoModule’Function calls are not supported in decorators but ‘JsonSchemaFormModule’ was called.I found out that the the error comes from: @NgModule({declarations: [ AceEditorDirective, DemoComponent, DemoRootComponent ],imports: [BrowserModule, BrowserAnimationsModule, FlexLayoutModule, FormsModul...
我一直在尝试从Angular Material Table内的输入字段中获取数据的方法. 我基本上是用来自API的值填充表格,但是,每当我们没有得到任何日期时,就我而言,一门课程没有设置预定的日期,我正在插入一个文本框,在其中应显示该值因此用户可以为该特定课程设置日期. 像这样:注意:很抱歉,必须删除与工作相关的名称. 这是我的html代码:<mat-card><form #traineeForm="ngForm"><mat-form-field><input readonly matInput type="text" name=...
我有两个都用$http响应初始化的数组对象,但是当我尝试在一个数组中添加(push)时,它将被添加到两个数组中. 我尝试下面的代码: 控制器:myApp.controller("abc", function($scope, lastday_data){$scope.objectiveData = [];$scope.doneData = [];// call service & get data from serverlastday_data.getData().then(function(success){$scope.objectiveData = success;$scope.doneData = success;$scope.$digest(); // *---> $di...
这里是Angular / Typescript newb的位. 我已经建立了一个导出的,帮助函数的JavaScript库,我知道它想导入到Angular组件中,并在这些组件的.html模板文件中使用. 这是我的Javascript库template-functions / data-types.ts:export const isNumeric = val => !Array.isArray(val) && (val - parseFloat(val) + 1) >= 0;这是我要导出的简单箭头功能: 将其导入组件的方法如下:import { Component, OnInit, Input } from '@angular/core...
我有几个城镇的火力清单.该访问适用于:public locations: Observable<any[]>;constructor(db: AngularFirestore) {this.locations = db.collection('/Locations').valueChanges();}然后,我可以使用以下方法访问所有位置的数据:{{ location.location_id }} etc现在,我想在下一页访问一个特定城镇中的所有位置.this.locationCollection = db.collection('/Locations', ref => ref.where('location_id', '==', 'Townname'));但是它不...
不久前,我安装了Angular Cli 7,并通过ng new my-app我为css选择了预编译器SASS,但是当我编辑文件styles.sass却无法正常工作时,我的styles.sass看起来像这样h1 { color: red }但是ng服务显示此消息Failed to compile. ./src/styles.sass(./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??re...
我是Angular的新手.我正在尝试使用xterm.js(https://xtermjs.org/),但显示效果很差.这是渲染:Render 我创建了一个xterm组件. xterm.component.ts文件代码为:import { Component, OnInit } from '@angular/core'; import { Terminal } from "xterm";@Component({selector: 'app-xterm',templateUrl: './xterm.component.html',styleUrls: ['./xterm.component.css'], }) export class XtermComponent implements OnInit {public t...