在重新渲染后，我很难让角度数据表显示新的列列表。我已经按照文档中所示的示例进行了重新排序，我可以将表重新排序。我能够操作某些功能，如搜索和页面长度，但由于某些原因，我无法更改我的列 我有一个非常深的数据集，如果我一次呈现所有列，这会使我的表看起来很糟糕，所以我想让用户能够选择他们看到的列 我甚至可以一次加载所有列，只需关闭和打开可见性，但我也不能影响可见性 以前有人有过这个问题吗 重新加载功能： rerender(): void { this.dtElement.dtInstance.then(

我在Angular 6上工作，当用户点击主页时，我需要重新加载相同的路由url。我尝试在ngOnit中使用window.location.reload（），但屏幕会反复重新加载。我只想重新加载主页一次。听起来您好像遇到了路由配置问题。你能发布你的路由配置和你试图重新加载的url吗？const routes:routes=[{path:''，重定向到：'login'，pathMatch:'full'}，//{path:'login'，loadChildren:'./login/login.modu

我遵循的是i18n角度指南： 我知道了如何正确插值“字符串+变量” 人： 人物角色： 人员：{{人员} 但是，我不知道如何插值“字符串+复数” 时间： 蒂姆波：{节拍，复数，=60{una hora}=1440{un día}=10080{una semana}其他{mucho Tiempo}} 时间：{分钟，复数，其他{{分钟}}已过} 我试过几种方法。我让它工作的唯一方法是通过一个硬编码值或直接在中的分钟变量来更改节奏。但是，如果我这样做，我将无法在另一个页面中重复使用相同的翻译 是

任何人都知道在angular应用程序中使用UI tour或walkthrough的库是什么。除了ng演练，我找不到任何有效的库。 我的需求是，我们可以有更多的灵活性和支持图书馆 我已经尝试过使用ngx引导产品教程，但它对我不起作用。每当我点击它开始巡演，它没有反映任何东西，我没有看到任何错误或任何其他问题 如果有任何建议，请告诉我们。使用引导程序库。 这是一个引导程序，用于： 演示和文档- 上面的链接为我工作-同样的目的，你正在寻找。上面的示例使用角度材质CDK和叠加来实现这一点 请在下面找到更

我试图减少反应式表单验证中的代码。我有很多反应式表单验证的代码，所以我的页面加载太慢。所以如何解决这个问题以提高速度。 我不知道。如果有人知道，请帮助找到解决方案 this.registerForm = this.formBuilder.group({ firstName: [null], lastName: [null] }); 您可以通过以下方式一次性重置所有表单值： resetfn() { this.registerForm.reset();

在我的应用程序中，用户可以从其移动设备上载图像。因为我面临着将HEIC图像转换为jpg的问题 应用程序也可以创建它的缩略图 在谷歌上搜索时，我发现“https://github.com/alexcorvi/heic2any". 这对我有点帮助。但这里我必须输入like->fetch（'path/to/image.heic'）的物理路径。但在angular中，我们在文件上载时处理文件上载，如->event.target.files[0] fetch('path/to/image.heic')

我使用angular 6，在这里我们可以创建多个应用程序和库，而不是默认的app.module。我想使用一个应用程序变量，比如url前缀或缓存到期时间，它可以在所有库和应用程序中使用。但当我在environment.ts中声明变量时，我只能在它的根目录src folder中引用它。由于我要引用此变量的其他项目不是在其根目录中创建的，因此它在运行时抛出错误，表示无法从未在其根目录中声明的文件夹中访问变量 您能给我一些建议，帮助我在所有应用程序中访问应用程序变量。我终于找到了解决方案 我在根级别创建

在Angular 6中，现在我想我理解了如何制作i18n文件并使用它们（例如），我想知道如何维护这些文件。按照我的理解，如果我进入并更改html，我必须使用ng xi18n命令重新生成messages.xml文件，这意味着我需要将该文件重新转换为其他语言，或者至少，做一些视觉匹配，这样我就可以将一些div标记的内容从旧的、已经翻译过的文件移动到新文件中的新位置。这似乎是一个很大的开销来维护更改，我希望我错过了一些东西，但这是维护文件的预期工作流程吗？以下是正确的（我希望不是），还是有更好的方法我

我试图创建以下模板驱动的形式从角6魁德 假设我有一个包含两个字段和适当模型的表单： <input type="hidden" name="id" [(ngModel)]="model.id"> <input type="text" name="user" required [(ngModel)]="model.user"> 因为我的模型还没有创建 我知道我可以通过从web服务获取数据在edit模式下创建模型，但在create模式下，我无法创建model对象，因为user

当全屏和（垂直-水平）where settings属性具有此值时更改高度滚动 所以我尝试检测订阅服务的服务设置的属性对象的更改（以前和当前）值 pageService.settingesSubject$.subscribe(data=>{ if(data != undefined){ if(this.settings != undefined){ if(this.settings.menu != data.menu){ data.menu =="h

我试图调用按键上的函数，但它不起作用。哪个事件将在ngx intl tel input中工作 <ngx-intl-tel-input [cssClass]="'custom'" [preferredCountries]="[ 'us','in']" [enableAutoCountrySelect]="true" [enablePlaceholder]="true" [(ngModel)]="phoneNumber" (click)="emailOrPhone(

我有一个按钮数组按钮=[1,2,3,4,5,6]，它是一行显示的 <ion-row> <div *ngFor = "let button of buttons" class="buttons"> <button ion-button>{{button}}</button> </div> </ion-row> {{按钮} 我的要求是阵列按钮看起来像步进机我需要是的，你可以，请看一下这个 但我

我正在尝试从主组件关闭模式。我的关闭按钮位于主组件中。如果我单击关闭按钮，我希望关闭模式。如果我从主组件单击关闭按钮，如何从主组件设置可见值为false。我如何使用该服务？或者有其他方法吗？怎么做 dialog.component.html <div [@dialog] *ngIf="visible" class="dialog"> <ng-content></ng-content> <button *ngIf="clos

如何获取当前路径，并获取其数据、子项和父项 假设这是路由结构： const routes:routes=[ {路径：'home'，组件：HomeComponent，数据：{title:'home'}， { 路径：“关于”， 组件：关于组件， 数据：{title:'About'}， 儿童：[ { 路径：'公司'， 组件：'公司组件'， 数据：{title:'Company'} }, { 路径：“任务”， 组件：“任务组件”， 数据：{title:'任务'} }, ... ] }, ... ] 路

我将JsStore与angular 6一起使用，在尝试使用文件加载器导入它时遇到此错误 “从'file loader？name=scripts/[name].[hash].js！jsstore/dist/jsstore.worker.js'导入*作为workerPath。” 它显示找不到模块“文件加载器”？name=scripts/[name].[hash].js！jsstore/dist/jsstore.worker.js' 在使用新的“ng generate library”生成的angul

我正在尝试在Angular6 web应用程序中更新团队成员。我创建了一个模式来选择要从团队中删除的成员。然后单击submit，它会调用服务将它们从数据库的团队中删除。如果成功，那么代码将从本地成员帐户列表中删除该成员，并将更新后的列表发送给父组件。然后，它返回到团队页面，但仍然在成员列表中显示已删除的成员。当我刷新页面时，它会将成员从列表中删除，但这是因为它正在对服务器进行另一次调用，并且只是重新填充成员列表 这是Account类： /** * Model for client-side ac

演示可在此处获得- 请打开控制台窗口查看错误 描述 我有一个Bootstrap组件ComponentA，根据应用程序的启动过程，它应该以两种不同的方式启动。假设应用程序是使用urlhome.com启动的，那么ComponentA在启动时不应显示弹出对话框，但如果应用程序是使用home.com启动的；注册然后应用程序将显示一个弹出窗口 我已经读到，Input不适用于引导组件，因此我将从index.html向ComponentA传递一个属性作为“启动上下文” ComponentB是一个Bootstr

我昨天在这里找到了一个搜索示例。尝试对其进行一些更改，但之后无法克服这两个挑战 以小写形式键入名称时，不会给出任何结果。它必须与工作完全匹配。但如何改变呢？因此，即使用户使用小写字母搜索并键入正确的名称，它也会找到结果？目前，它需要数据中提供的大写字母 如何实现自动完成功能？那么，当用户键入第一个字符时，它会显示对该输入的建议 代码如下： 管道 import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'fi

如果有任何可能在预处理表上使用冻结行和分页器，我对预处理是新手。如果可能的话，一些人可以告诉我们如何使用分页器处理表数据（即，如果我们固定了第一页5条记录，其中只有5条记录将显示出来，那么在分页的帮助下，下一页5条记录将显示出来） 使用[paginator]=“true”属性为表启用分页。 rows属性定义每页的行数，pageLinks指定要显示的页面链接数 <p-table [paginator]="true" [rows]="5" [pageLinks]="5" [rowsPerPa

在弗罗拉遇到奇怪的问题 这就是我的Froala编辑器在选中未排序列表时的外观，但它不会出现在文本输入中 这就是DOM此时的样子，表示存在ul项 但是当我从froala编辑器中的fr wrapper类中删除overflow属性时，我可以看到列表项点，如下所示 这是溢出，属性，下面的移除溢出属性正在对froala的内部css进行操作，我不想这样做 我不知道弗罗拉为什么没有按计划行事， 一旦用户选择ul列表项，预期行为应该是这样的，甚至不需要触摸或操纵任何内部css道具。如溢流等

我需要在ag grid table的表格单元格中放置三个可单击图标。我在项目中使用angular6。是的，您可以 我们有两种方法可以做到这一点： 它是columnDefs 1） cellRenderSelector 2） CellRenderFramework 这里是PLNKR链接： 这里我们定义了renderFrameWork，它接受整个组件，其中一个单元格中有三个按钮 { headerName: "Clickable Component

我使用的是饼图amchart v3，我使用allLabels属性来显示标题和副标题。但问题是，标题没有换行到下一行，如下所示 如何将文本“顶部总线类型：总线类型”换行到下一行？ 下面是我的代码 const chart = this.AmCharts.makeChart( "mychart", { "type": "pie", "theme": "light

我用的是角度6。我将一个名为cdLog的符号链接文件夹放置在我的dist文件夹下，其中包含我的后端应用程序的所有日志。将此URL放入浏览器时：http://localhost:8082/famefutures/cdLog/test.log 我得到了一个404错误，但是当在dist下手动复制cdLog时，它会工作，并在浏览器中显示test.log的内容 如何在web浏览器中显示符号链接文件夹的内容

对于V6，angular团队引入了有利于微前端的angular元素 但是，它们是否可以是具有路由和复杂angular应用程序可能具有的所有其他功能的成熟应用程序？还没有，现在应用angular 6中使用的所有功能还为时过早，我目前正在使用。Angular尚未准备就绪。还没有，现在应用Angular 6中使用的所有内容还为时过早，我目前正在使用Angular 6。Angular尚未就绪。是的，您可以在Angular元素中使用路由器，但是存在一个开放的Github问题： 其中还提供了一个可能对您有所

因此，在阅读整个错误堆栈之前，请记住，此时我无法精确指出导致问题的确切原因。但是，我将删除错误堆栈下面的代码。所以，我唯一的问题是：我在这里遇到的这个错误的来源是什么？ 如果你愿意，你可以自己测试我的应用程序。它是一个简单的默认angular 6应用程序，具有从中获得的所有默认设置 ng new app-name 让我们从错误开始。应用程序像正常一样启动。当我尝试运行代码时，会弹出此错误 Uncaught Error: Can't resolve all parameters for Comp

我正在从fetchTokenUsingPasswordFlow方法将内容类型头设置为application/json，但它将作为application/x-www-form-urlencoded。有没有办法将标题内容类型设置为application/json 根据源代码，内容类型标题已硬编码为application/x-www-form-urlencoded 我正在为后端使用spring boot rest服务，它不允许应用程序/x-www-form-urlencoded作为内容类型。请在下面找

要将angular 6网格数据导出到客户端的ms excel文件中吗 Finally Got Solution on my Question export at client side Using Angular 6 const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(this.callRecordingModels); /* generate workbook and add the worksheet *

我遵循了一个教程，这样我就不必在安装npm之前使用sudo 无论我做什么，现在它都会尝试安装到这个新的~/.npm全局目录。我已经删除了好几次： sudo rm -R .npm-global/ 我试图覆盖设置： sudo npm set globalconfig "" sudo npm set globalignorefile "" 但不管怎样，如果我尝试运行以下内容： sudo npm install -g @angular/cli 我仍然看到它试图安装到.npm global，随后出

将requireJS与Angular5/6一起使用的基本用法是什么 使用requireJS如何优化角度应用程序？requireJS是一个安静的旧系统。您不应该将其用于新项目。最好使用Webpack或类似的工具：）我认为这两个工具甚至不完全兼容，因为你必须使用构建工具编译Angular应用程序。将两者结合使用将是更大的努力，几乎没有任何好处。你为什么认为你需要这么做？

我有一个组件，它有一个子组件。子组件有一个按钮，用于打开“材质”对话框。 在对话框中，我们有表单、用户名、密码和提交按钮。当我提交时，我正在调用后端RESTAPI 这在子组件中被调用： dialogRef.afterClosed().subscribe(result => { console.log("result", result); this.onModalClosePassData.emit(result);//emit to parent });

如果用户在15分钟内未在我们的网站上进行任何移动，如何从网站注销？在您的应用程序中 npm install --save @ng-idle/core @ng-idle/keepalive angular2-moment 设置应用程序模块 打开src/app/app.module.ts并使用导入Ng2IdleModule import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@an

这是我设置的间隔，我想根据数组中给定的值动态更改间隔 setInterval（（）=>{ 这个.getwebsiteurl（）； 这个.count++； if（this.count>this.data1.length）{ 此值为0.count； } }，this.filtered[this.count].timeout）； getwebsiteurl（）{ if（this.count{ this.htmlfile=数据； }); } } 问题可能是因为超时是字符串，它应该是一个数字。只要做这个

我已经创建了一个购物车应用程序。我不知道如何重定向支付选项后，填写了所有的细节。如果有人知道，请帮助我找到解决方案 src/app/directions/billing.dir.ts： send(){ if(this.billingForm.valid){ this.storage.set({ customerInfo:this.billingForm.value }) this.router.navigate(['/checkout']); } } 演示：如果您

将应用程序从角度5迁移到角度6时，会出现以下错误 Module '/node_modules/rxjs/observable/TimerObservable' has no exported member 'TimerObservable'. 代码： 使用timer而不是TimerObservable 所有可观测类 （），有利于现有或新运营商 执行与类方法相同的操作 从RxJS 6开始，TimerObservable已被timer取代。使用以下部件作为替换： 从'rxjs'导入{timer}

我在angular 6和angular 7项目中使用msal.js“@azure/msal angular”：“^0.1.2”，出现以下错误： SCRIPT1002: Syntax error vendor.js (64379,1) 第64379行的.js代码 class AuthenticationResult { constructor(token, tokenType) { this._token = ""; this._tokenType = ""; this.

我正在用Angular6做一个项目。三天来我一直在为一个奇怪的问题挠头。 问题是，对于传递了正确参数的相同api调用，我在两个浏览器（chrome和InternetExplorer11）上得到了不同的响应。chrome的响应非常好，并且更新了 算法： 我有两种方法 populateProjectTimesheetUsers（）：它将时间表的用户从服务器中带出 onSaveAddUserInstructionClick（）：它将新用户保存到时间表中 流程： 使用“onSaveAddUserInst

我最近将.net Core（2.1）/Angular 6 SPA应用程序升级到最新版本。我似乎在某一点上做了所有正确的事情，但我做了一个改变，破坏了http（端口5000）应用程序。我得到一个错误： vendor.js:1 Uncaught ReferenceError: module is not defined at vendor.js:1 这是vendor.js文件的第一行。当我使用端口5001（https）运行应用程序时，一切似乎都正常。我不明白为什么这两个网站有区别，因为它们使用的是

我想在应用程序启动时显示一个对话框，但我得到的错误是ReferenceError:$未定义，尽管我已将其定义为declare var$：any；。演示在 如果您检查控制台，您将看到错误 我在dialog.component.html中定义了一个DialogComponent，它只是引导模式。它有一个方法showDialog，它调用引导的模态方法$this.dialogRef.nativeElement.modal'show' 在app.component.html中，我使用的是DialogCom

我正在使用通知。但我似乎找不到任何对自定义HTML的支持。当我将任何html标记附加到要在toast中显示的消息时，html标记也会呈现在消息中。如果有人有解决方案，请告诉我。可以使用ng模板自定义通知程序。首先在组件HTML中定义自定义ng模板： <ng-template #customNotification let-notificationData="notification"> <my-custom-alert type="notificationData.ty

我正在开发一个类似谷歌表单的应用程序，我们有一个带有问题的表单，我们从api获取这些问题，并动态呈现表单。问题是，当我想向具有角度反应形式的表单添加验证时，mat select停止工作，每次我选择一个值时，select都是清除的 我已经试着适应了，但运气不好 模板 <mat-horizontal-stepper [linear]="true" #stepper style="background: transparent"> <mat-step *ngFor="let ma

我使用AngularV6当我尝试在我的服务构造函数中使用angular2 jwt中的AuthHttp时，页面不会执行任何请求或呈现。 我已将AUTH_提供程序添加到提供程序，但同时没有错误 import { AuthHttp } from 'angular2-jwt'; @Injectable() export class VehicleService { private readonly vehiclesEndPoint = "/api/vehicle/"; construct

我正在阅读Angular中的更改检测，了解到应用程序从ngZone订阅onTurnDone事件，并执行执行执行更改检测的tick（）函数 onTurnDone何时启动？它是一个周期性事件，每隔几毫秒触发一次，还是在异步操作发生时触发（例如，单击？Angular使用，monkey在运行时修补大多数浏览器API（DOM事件、XHR请求、setTimeout…等）。然后从angular应用程序中调用这些修补方法，而angular应用程序又调用本机浏览器API。 在任务完成时，区域（Ngzone）启动o

我需要动态构建多个（任意数量）下拉列表 所有这些都必须选择一个值，所以需要应用所需的验证器 示例json [ { "FeatureCaption": "Style", "SelectedValue": "shaker", "FeatureList": [ { "FeatureId": "CHOOSE", "FeatureName": "Choose", "IsSelecte

我收到父模块错误，无法读取未定义的属性“parent” 请检查我的代码和错误并帮助我解决 我的代码 var parent = module.parent.parent, requireName = parent && path.basename(path.dirname(parent.filename)); requireName = /^paper/.test(requireName) ? requireName : 'paper'; 我的错误 var parent

我正在我的项目中使用ace.js。编辑器是表单字段的一部分。但是，默认的ace.js实现不能像FormControl那样工作，因为它似乎使用div而不是textarea。是否有ace.js端口可与Angular表单配合使用？我想解决这个问题的一种方法是创建一个实现ControlValueAccessor的自定义控件。但是，如果已经完成了，那么它将节省我相当多的精力。我正在使用ng2 ace编辑器，可在

我有一个组件a，看起来像这样 总之，用户可以创建不同的部分/答案并保存它们。将为每个保存的答案创建一个矩形按钮。在内部，所有这些都保存在表单中并经过验证。我使用的是ace编辑器，它已经提供了将编辑器用作表单控件的功能 A.ts中的代码片段 createForm() { this.codeEditorForm = this.fb.group({ answer: [null, [this.validateThereIsAtleastOneSavedAnswer(this.a

我的模板有一个按钮 <button #showTmplButton (click)="showTemplate()">Show Template </button> 我也尝试了renderer.setProperty，但也没有成功 我总是在按钮上看到Show Template您试图在中更改的值不是来自value属性，而是来自按钮标记之间的测试。要更改它，比您想象的要容易，您所要做的就是为要更改的值设置一个文本，然后将其放入HTML的插值中。 代码： valueOfBut

从ngx bootstrap 3.0.1升级到4.0.1时，我收到以下错误。替换节点_模块后，package.json仍然收到相同的错误。 角度版本： Angular 6, Typescript: 2.7.2. Errors: ERROR in node_modules/ngx-bootstrap/chronos/utils/type-checks.d.ts(8,62): error TS2304: Cannot find name 'Extract'. node_modules/ngx-b

下面是我试图在ngOnInit（）中执行的代码 执行此代码时，未显示微调器。也没有任何控制台错误。因此，我尝试将spinner.show（）放在subscribe中。那很好 ngOnInit() { this.settings_api.get_all_settings().subscribe(response => { this.spinner.show('full_settings'); console.log(response);

当使用带角度的Ag栅格时，是否可以在不更改源数据的情况下禁用不平衡组 表示为了防止组不平衡，您必须更改数据以用空格字符替换null或unfined。我不想更改我的数据。我尝试使用cellRenderer将空字符和未定义字符显示为空白字符。这似乎是一个显而易见的解决方案，但我的团队仍然不平衡。是的！您可以使用列的keyCreator属性： column.keyCreator = params => { return params.value === null || params.valu