Angular6 Angular 6 HttpClient.get Observable未赋值

我想答案是很明显的,但我还是不明白。我是一名新的观察者,现在我面临着从一个值中赋值的问题。如果我将它定义为一个可观察的应用程序,并使用subscribe从视图向服务询问,我就成功了(但对我来说,这是一个复杂的过程)(图中的三个级别只是为了返回另一个数组的可观测值,然后是另一个函数来订阅上一个函数以分配变量,并在视图中订阅另一个函数以最终显示信息),效率低下,除此之外,我无法再次“正确”地获得它。任务非常简单。考虑到类应用程序 export class Application { name:

Angular6 我想使ag网格单元在复选框的单击事件时可编辑

如果在定义网格时将“可编辑属性”设置为“真”,则会启用该属性,但如果在复选框的单击事件中将其设置为“真”,则其值会发生更改,但我无法编辑单元格。怎么办? HTML部分 <ag-grid-angular #agGrid [enableSorting]="true" [rowSelection]="genericComponent.multipleRowSelection" class="ag-theme-blue ag-grid-md-1

Angular6 无法在ng2智能表中获取保存数据事件

我正在使用ng2智能表格在angular 6应用程序中维护数据。正如我在git和npm页面中看到的。我已经这样设置了我的代码 <ng2-smart-table [settings]="settings" [source]="characters" (createConfirm)="onCreateConfirm($event)"> 我已在ngOnInit下设置了此功能 这是一个常见问题,您需要在配置对象中设置confirmCreate属性,如下所示: export const

Angular6 启动p消息严重性图标覆盖消息(角度6/启动图标)

如下所示,消息框上的严重性图标覆盖了实际消息。是否有其他人经历过这种情况和/或知道解决它的方法(不需要对源代码进行黑客攻击)?多谢各位 版本: "primeicons": "1.0.0-beta.10", "primeng": "6.1.0", 你能创建一个StackBlitz吗?@Antikhippe:我不知道那是什么,所以是的,我会在有时间的时候尝试。 Angular CLI: 6.0.8 Node: 8.9.4 OS: win32 x64 Angular: 6.1.1 ... ani

Angular6 Asp.Net Core Angular 6错误:NPM脚本';启动';已退出,但未指示Angular CLI正在侦听请求 问题

我在visual studio 2017中使用angular 6应用程序创建asp.net核心,该应用程序在本地运行得非常好。但当我尝试将其部署到云时,它显示了这个错误 AggregateException:发生了一个或多个错误。(发生一个或多个错误。(NPM脚本“start”退出,但未指示Angular CLI正在侦听请求。错误输出为:“NPM”未被识别为内部或外部命令 我已经搜索了此错误,但在应用此答案后,我的错误仍然存在 angular.json Package.json 形象 使用.n

Angular6在web应用程序上安装文档扫描仪是可能的

在angular web应用程序中有一个文档扫描仪是可能的,当我在移动设备上时,如果你决定拍照,我需要上传或拍摄文档。打开相机,这样可以识别页面的边缘,并执行类似camscan的操作。如果你说的是运行在Ionic framework上的angular,是的,您确实可以使用摄像头,请参见此处: 这是我使用爱奥尼亚框架相机构建的一个示例: 这是检索相机数据的地方:谢谢,但是没有,我有一个网页,我正在尝试当用户在移动设备上打开它时,相机会打开,但我想知道是否存在可以检测和创建的东西,比如扫描仪,但不在

Angular6 如何在angular 6中设置loginurl以使用新的Identity.UI与asp.netcore 2.1一起工作

如何使我的登录url在我的应用程序中从…../Account/login更改为…/Identity/Account/login? 我的客户端是angular 6应用程序,我正在使用angular auth oidc客户端 谢谢当您拨打AddIdentityServer时,请随意拨打 services.AddIdentityServer(SetupIdentityServer) 并使用这种静态方法 private static void SetupIdentityServer(IdentityS

Angular6 mat tab删除选项卡主体DOM,但不隐藏它

场景: 我使用的是角度材质选项卡,每个不同的选项卡都有各自的动态组件 因此,当我切换选项卡时,它会从DOM中删除内容。当我再次回到该选项卡时,它会再次加载内容 问题: 与默认行为不同,我只希望内容更改为display:none而不是从DOM中删除它。我认为我们现在还不能更改选项卡的默认行为 但是,我们可以做的是,稍微改变结构以实现预期的行为 因此,我们可以从选项卡中删除内容,并在mat tab group之外单独处理。我们将检查哪个选项卡处于活动状态,并相应地调整相应内容的显示属性 总的来说

Angular6 如何在angular 6中从json对象获取值?

我有一个json文件,其中包含另一个对象中的多个对象。我想获取数据,但不使用该值的键。我希望迭代这些键和值,并希望在angular 6中动态打印它们 { "name" : "abc", "tags" : "def", "updated-by" : "ijk", "property" : { "description" : "abcd", "type" : "string" }, "sources" : { "input" : { "ty

Angular6 Account类型的参数不能分配给参数类型any[]6

hayy myaccount.service.ts收到此错误 Account类型的参数不能分配给any[]类型的参数 我现在用的是angular 6“ 这是我的代码,account.service.ts import { Injectable } from '@angular/core'; import { AngularFireList, AngularFireObject, AngularFireDatabase } from 'angularfire2/database'; import

Angular6 向标头添加授权

我正在使用Angular 6和DevXpress Xtra报告模块。我想在标题中添加授权。我正在使用HttpInterceptor添加授权,它与我的所有其他模块(我的xtra报表模块除外)都能正常工作,所以我尝试在我的模块内使用jquery传递授权(如下图所示),但这不起作用,我对它不是很满意。 我正在userId中获取令牌 const userId = localStorage.getItem('access_token'); $.ajaxSetup({ cache: true,

Angular6 角度6:-反应形式值不变

我在angular 6中创建了一个带有表单组控件的动态页面。 如何更改表单组控制值? 在某些情况下,我在文本框中添加数据,如$(#id).val(“myval”)。 因此,在这样做时,formgroup控件值不变, 有人能给出建议吗?如果您是从组件访问它,那么您可以通过“this.FORMNAME.value”访问所有表单值,如果您在构造函数中使用的名称是“FORMNAME” 试试:this.FORMNAME.controls.CONTROLNAME.setValue(“myval”) 欢迎来到

Angular6:如何在没有管道的情况下迭代键和值

如何在angular 6中有这样的东西 <div *ngFor="let item of data | keyvalue"> Key: <b>{{item.key}}</b> and Value: <b>{{item.value}}</b> </div> 键:{item.Key}}和值:{{item.Value} 您可以通过以下方式完成 test.component.ts classs TestComponent

Angular6 选中后,Angular 6表达式已更改。以前的值:';空值:3';

我想我只是不明白ngFor是怎么工作的。为什么angular会多次检查该值?请记住,我希望更新该值。请解释一下,因为我觉得完全迷路了 要提供一些背景信息: 我有一个产品页面,用于检查购物车项目,并显示特定产品的购物车中有多少项目。目前,它显示为11,而购物车中只有两个项目 购物车作为一个对象保存在localStorage中,其中列出了用户添加到购物车中的项目。我可以在Chrome开发工具>应用程序>购物车中看到该对象及其包含的项目数 以下是我的产品模型,其结构与我的购物车对象相同: export

Angular6使用Angular元素导出自定义组件:选择器";“应用程序根目录”;不匹配任何元素

我创建了一个自定义组件,并按照此链接()中的说明将其导出为JavaScript文件。我将脚本文件包含到一个html文件中 我的问题是,当我在浏览器(Chrome)中打开html时,我看到一个错误,说“选择器”app root“不匹配任何元素”。但当我删除 引导:[AppComponent], 在app.module.ts文件中,问题将消失 app.module.ts代码: 应用程序组件.ts index.html代码 <body> <app-root></app

Angular6 使下一个字段处于禁用状态,直到选择上一个字段

ho将在angular 6中禁用输入数据字段,直到选择上一个输入数据字段。就像我有一个源字段和一个目标输入字段一样。所以,我想让目的地字段被禁用直到源被选择。 如果我将源和目的地输入字段视为开始日期和结束日期输入字段,输入类型为“日期”,那么你可以创建如下的解析符字段,即结束日期字段,如下面所示: <input type="date" name="end_date" id="end_date" class="form-control" placeholder="* End Date" #

Angular6 stackblitz中的启动图表未运行?

这是我第一次尝试用Angular6、Priming 6制作stackblitz应用程序。我正在尝试用它创建素数图表。我安装了Chartjs,还更新了angular.json文件,如Priming文档中所示,但它抛出了一个错误,表示未定义图表。谁能帮我解决这个问题。 同样的事情在我的本地设置中也能完美地工作 以下是链接: 将这两行脚本放在index.html文件中,可以让它在stackblitz中本机运行 <script src="https://github.com/chartjs/Cha

Angular6 为什么jspdf不适用于移动web应用程序

角度版本7,jspdf 1.5.3 我用angular7开发了一个网络应用程序,它也可以在移动浏览器中使用。在点击按钮时,我正在使用jspdf生成pdf,但它不适用于任何移动版本。用各种可能的方法试过了。我在移动it中调试的警报请帮助我 <button (click)="generatePDF()" class='btn btn-primary pdf'><i class="far fa-file-pdf"></i>Generate PDF</butto

Angular6 离子4:录制音频并发送到服务器(文件已损坏)

我想在移动应用程序(iOS和Android)中录制音频文件,并在ionic 4中作为formData传输到服务器。我使用“cordova插件媒体”使用以下逻辑捕获音频 if (this.platform.is('ios')) { this.filePaths = this.file.documentsDirectory; this.fileExtension = '.m4a'; } else if (this.platform.is('android')) {

Angular6 重定向到每次在任何浏览器选项卡中打开页面时登录oauth oidc

我希望用户在每次打开Angular 6 SPA时重定向到登录,该SPA由identity server作为Angular oauth oidc的授权服务器进行保护 我使用OAuth 2.0隐式流让用户使用Angular SPA登录 我尝试过清除sessionStorage或localStorage,但不起作用。 如何使用此库实现上述功能 this.oauthService.configure(authConfig); this.oauthService.tokenValidationHandle

Angular6 HTTP get请求仅返回数据库值id在6中连续(1、2、3)的结果

我的数据库中有一个表,其中值的ID不是连续的,例如: 身份证号码:1,姓名:约翰,姓:多伊 身份证号码:5,姓名:汤姆,姓:汤姆 因此,我希望通过get请求获取表中的所有值并显示它们 所有具有连续ID的请求都可以正常工作。我使用的是Angular 6,所以我现在不需要将我的响应转换为json然后读取它。我还向邮递员检查了我的请求,它返回了所有的值。以下是答复的一部分: [ { "id": 1, "name": "Visionwai 2",

Angular6 如何解决angular 6中的api url问题

我试图在本地运行此应用程序,但无法正常工作。我尝试了很多次,但都找不到问题。我认为api url存在问题。如果我运行此应用程序,我会发现错误。如何解决此问题?如何运行此应用程序而不出错 zone.js:2935 GET http://salembrothers.ca/app/api/getSettings/social 404 (Not Found) products:1 Access to XMLHttpRequest at 'http://salembrothers.ca/app/api

Angular6 Angular 6类型定义未编译

我正在使用Angular 6并尝试在ts文件中调用jquery.maskedinput javascript库的mask函数。VS代码中的掩码函数没有显示或编译,因此我找到了一个类型定义文件,并将其添加到node_模块中。现在intellitype找到了掩码函数,波形消失了。然而,我仍然得到一个编译错误。让页面编译并使用mask函数缺少什么 组件技术 /// <reference path="../../../../node_modules/@types/maskedinput/inde

如何在Angular6中迭代键和值

如何在angular 6中有这样的东西 <table> <tr ng-repeat="(key, value) in data"> <td> {{key}} </td> <td> {{ value }} </td> </tr> </table> {{key}}{{value}} 使用*ngFor进行迭代,如下所示- <div *ngFor="let item of data

Angular6 从一个组件导航到另一个组件,无需在Angular 6中重新加载两个组件

我使用Angular开发了一个web应用程序 这是我的web应用程序的布局 我在filterComponent中有过滤器,产品显示在productsComponent中,在filterComponent中应用过滤器时,产品应在productsComponent中更新,仅刷新productsComponent,在我的情况下,两者都会被刷新 过滤器组件 if (isChecked) { this.router.navigateByUrl(/home , { skipLocationCha

Angular6 包含liver server中angular 6项目参数的url的基本href链接是什么?

我需要打开基本href链接,以便在使用Angular 6时加载第一页 xyz.com/anexure/5 这在我的本地主机中运行良好。但在live server中不起作用 在Live server中,我的文件夹结构如下 xyz.com/annexture/annextureform 在附件表单文件夹中,我有一个角度项目 index.html base href=“xyz.com/annexture/annextureform/” 应用程序路由.module.ts const routes: Ro

Angular6 属性中的角度6错误';订阅';不存在于类型';无效';

获取此错误“消息”:“上不存在属性”“订阅” 键入“void”。” 您的问题是因为您没有从getWeather() 如错误void中所述(表示您没有返回任何内容) 所以在getWeather()中使用return: this._weatherService.getWeather(this.location.city,this.location.code).subscribe((response) => { console.log(response); this.weat

Angular6 如何在JHipster项目上呈现没有html标记的ngx quill编辑器内容?

我是杰普斯特和安格拉尔家族的新成员。我已经使用JHipster创建了一个项目,并为一个编辑器添加了ngx羽毛笔编辑器。我可以使用这个编辑器保存数据,但是当我从数据库中检索数据以显示在另一个页面上预览时,它会显示HTML标记。我不确定在保存到数据库或从数据库检索内容时是否需要渲染,或者在保存或检索要渲染的内容时是否缺少任何标记 <quill-editor name="message" [(ngModel)]="message" required></quill-editor>

Angular6 如何在angular 7中动态更改模态文本

我试图通过viewchild方法更改属性值,但不起作用。我不知道该如何做?示例我想动态更改模式弹出标题。如何操作?很多次尝试过,但我不知道怎么做?请任何人帮助寻找解决方案?您可以在openModal方法中传递标题字符串,并在视图中进一步使用它 openModal(id: string, title: string) { this.modaltitle= title; this.modalService.open(id); } 您可以在视图中使用{{modaltitle}来显示标

Angular6 如何捕获角度6上的信号器响应

在angular 6应用程序上使用信号器,我正在努力聆听从.net应用程序收到的消息 在angular.json文件中,我添加了/node_modules/signalr/jquery.signalr.min.js&jquery Package.json包括 "dependencies": { "@angular/animations": "^6.0.0", "@angular/cdk": "^6.3.1", "@angular/common": "^6.0.0",

Angular6 是否可以在角度应用程序中读取env变量

我有一个environment.ts文件,我想在其中存储项目是在test模式还是dev模式下构建的。目前,我将该值存储为键值对 export const environment = { ... testMode:false ... } 我是否可能从生成文件(比如package.json)或从环境变量读取值(false或true)中提供值?您的环境文件将作为 环境技术服务: export const environment = { testMode: false, KEY_TO_RE

Angular6 ngx数据表内的ng select下拉列表不可见

(我在这里转载了我的问题:) 选项的下拉列表不会显示在行的“上方”,它似乎被单元格的高度截断,使其变得毫无用处 常规的很好,但我可以看到所有选项 如何使ng select按预期工作?解决方案是使用ng select属性appendTo=“body”,如下所示: <ng-select [searchable]="false" placeholder="-- choose --" appendTo="body"> <ng-option>Option 1</ng

有人能解释为什么我们需要ngModel和“nameField=”吗;ngModel";都在angular6表单的同一输入字段中?

我从我的angular6开始,我遇到了下面的语法 <input type="text" class="form-control" name="company-name" ngModel #nameField="ngModel" required minlength="3"> 现在我的问题是,如果ngModel和name已经存在,以唯一地标识表单组件,并且ngModel指令将其与角度表单绑定,那么我们为什么需要#nameFiel

Angular6 角度6-如何通过单击图标转到另一个视图?

我不知道怎么做。请你告诉我如何通过点击角上的图标转到另一个视图,好吗?谢谢大家! 要更改角度视图(无需重新加载页面),您需要路由器。 您可以将您的图标包装在锚定标记中,然后 <a routerLink="/contacts" routerLinkActive="active"> <mat-icon matSuffix>contacts</mat-icon> </a> <a routerLink="/shopping_cart" rou

在my html(angular6)中调用ngFor中的方法

我是stackOverflow新手,找不到问题的答案。 我正在尝试在ngFor中使用ngFor。 是否可以在*ngFor中调用方法: 大概是这样的: <div *ngFor="let nbStar of myMethod(skill.level)"> 其中myMethod使用来自我的第一个ngFor的数据作为参数来生成一个数字数组 我的代码: <div *ngFor="let skill of skills"> <div class="

Angular6 Angular 6中的间接递归Ng模板 //一些代码

我有一个包含另一个模板“项”的模板“容器”。。容器“项”再次包括“容器” 这不起作用,我收到以下错误: 错误类型错误:templateRef.createEmbeddedView不是函数 有什么想法吗?谢谢。这个问题已经很老了,所以您可能已经找到了答案,但以防其他人遇到这个问题 您遇到的问题是容器模板中变量列表(let list)的命名冲突,该变量列表覆盖列表模板 例如,如果将模板重命名为ListPL(或变量),则该模板应能正常工作: //一些代码 对于模板内部的递归,我们需要了解n

将多个值推入数组会导致使用angular6时出错

我在angular 6中工作,这里我想将多个值推入数组,这给了我以下错误 这是我的密码 this._model.NomineeList.push( { 'FirstName': this._nomineemodel.FirstName, 'CNIC': this._nomineemodel.CNIC, 'MiddleName': this._nomineemodel.MiddleName,

Angular6 角度6表格中的自定义下拉列表

我是英语初学者。我需要一个自定义下拉功能在一个创建组件。我使用表格供用户输入值。我将区域(CLT、EKM、TVM)的主要输入作为一个表格单元格中的下拉列表。辅助输入是每个分区下的分区(每个分区2或3个分区)。如果在主单元格中选择CLT,则KZD和WND仅显示在辅助下拉列表中,依此类推 我尝试将和标记在一起,但未满足要求 <form class="form-inline" (ngSubmit)="onSubmit(f)" #f="ngForm"> <br>

Angular6 如何使用材质选项卡在Angular 6中创建水平和垂直选项卡?

我需要使用角度材质创建水平和垂直选项卡。提前感谢。我使用以下SCS,通过应用垂直选项卡类,将垫选项卡组显示为垂直选项卡。您可能想对其进行一些修改,但这应该是一个很好的起点 mat-tab-group.vertical-tabs { flex-direction: row !important; .mat-tab-labels { flex-direction: column !important; } .

Angular6 实时重新加载在Angular 6更新后不再工作

解决方法实际上是删除ClientApp/dist文件夹。但每次我“发布”时,我都必须再次删除它 你知道怎么修吗 My Startup.cs使用此文件夹 // This method gets called by the runtime. Use this method to add services to the container. public void ConfigureServices(IServiceCollection services) { services.AddMvc(

Angular6 如何停止角质化?

我使用angular 6 cli 当我运行ng build--prod时 类名在“t”名称中缩小,这给使用“constructor.name”带来了困难 测试/结果: ng build--prod--build optimizer=false//无法解决问题 ng弹出,mangle=false//bad选项 扩展类className属性(className=this.constructor.name)//不需要的选项 你的建议

Angular6 角度6:验证程序。模式工作不正常

我有一个字段的Validators.pattern,这是我表单上唯一的验证 正常使用是有效的。它会正确验证字段,但在尝试复制和粘贴时会出现问题 如果您在字段上重复复制和粘贴字段,就好像正在切换字段的有效性(如果表单无效,则“提交”按钮将被禁用) 当我从其他来源(如搜索或自动建议)填充数据时,也会出现此问题 buildForm(obj) { this.form = this.fb.group({ field: [obj['field'] || '', Validators.patter

Angular6 如何修复每行单击状态值更改时仅单击该行 我是这个角度的新手

我已经编写了使用*ngFor生成div的代码 我尝试单击每一行(span text),然后该行布尔值应该生效,但它也会更改其他行的值 我的目标是当单击跨行时,单击的行值应该改变 组件技术 从'@angular/core'导入{Component,NgModule,VERSION,Input,OnInit}; 从“@angular/platform browser”导入{BrowserModule}; 从'@angular/forms'导入{FormsModule}; @组成部分({ 选择器:“我

Angular6 如何在特定列的角度材质数据表中进行过滤

我正在尝试角材料数据表 正如我们所知,默认情况下对每一行进行过滤 如果我想过滤特定于列的内容,那么我应该怎么做 我是否必须编写获取所有记录的方法,然后对其进行迭代并比较特定列 组件技术 component.html 您应该使用的filterPredicate属性 初始化this.dataSource后,定义自定义filterPredicate函数,如下所示 this.dataSource = new MatTableDataSource(results); this.dataSource.s

  1    2   3   4   5   6  ... 下一页 最后一页 共 11 页