我想答案是很明显的,但我还是不明白。我是一名新的观察者,现在我面临着从一个值中赋值的问题。如果我将它定义为一个可观察的应用程序,并使用subscribe从视图向服务询问,我就成功了(但对我来说,这是一个复杂的过程)(图中的三个级别只是为了返回另一个数组的可观测值,然后是另一个函数来订阅上一个函数以分配变量,并在视图中订阅另一个函数以最终显示信息),效率低下,除此之外,我无法再次“正确”地获得它。任务非常简单。考虑到类应用程序
export class Application {
name:
如果在定义网格时将“可编辑属性”设置为“真”,则会启用该属性,但如果在复选框的单击事件中将其设置为“真”,则其值会发生更改,但我无法编辑单元格。怎么办?
HTML部分
<ag-grid-angular #agGrid
[enableSorting]="true"
[rowSelection]="genericComponent.multipleRowSelection"
class="ag-theme-blue ag-grid-md-1
我有这个模板
<ng-template #thumbnailTemplate let-context="thumbnailContext">
<div id="{{context.divId}}">
<img id="{{context.imgId}}" src="{{context.imgSrc}}">
<a href="#" id="{{context.closeId}}" (click)="this.deleteThumb
我正在使用ng2智能表格在angular 6应用程序中维护数据。正如我在git和npm页面中看到的。我已经这样设置了我的代码
<ng2-smart-table
[settings]="settings"
[source]="characters"
(createConfirm)="onCreateConfirm($event)">
我已在ngOnInit下设置了此功能 这是一个常见问题,您需要在配置对象中设置confirmCreate属性,如下所示:
export const
如下所示,消息框上的严重性图标覆盖了实际消息。是否有其他人经历过这种情况和/或知道解决它的方法(不需要对源代码进行黑客攻击)?多谢各位
版本:
"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
我在visual studio 2017中使用angular 6应用程序创建asp.net核心,该应用程序在本地运行得非常好。但当我尝试将其部署到云时,它显示了这个错误
AggregateException:发生了一个或多个错误。(发生一个或多个错误。(NPM脚本“start”退出,但未指示Angular CLI正在侦听请求。错误输出为:“NPM”未被识别为内部或外部命令
我已经搜索了此错误,但在应用此答案后,我的错误仍然存在
angular.json
Package.json
形象
使用.n
在angular web应用程序中有一个文档扫描仪是可能的,当我在移动设备上时,如果你决定拍照,我需要上传或拍摄文档。打开相机,这样可以识别页面的边缘,并执行类似camscan的操作。如果你说的是运行在Ionic framework上的angular,是的,您确实可以使用摄像头,请参见此处:
这是我使用爱奥尼亚框架相机构建的一个示例:
这是检索相机数据的地方:谢谢,但是没有,我有一个网页,我正在尝试当用户在移动设备上打开它时,相机会打开,但我想知道是否存在可以检测和创建的东西,比如扫描仪,但不在
如何使我的登录url在我的应用程序中从…../Account/login更改为…/Identity/Account/login?
我的客户端是angular 6应用程序,我正在使用angular auth oidc客户端
谢谢当您拨打AddIdentityServer时,请随意拨打
services.AddIdentityServer(SetupIdentityServer)
并使用这种静态方法
private static void SetupIdentityServer(IdentityS
标签: Angular6
angular-material2angular-material-6
场景:
我使用的是角度材质选项卡,每个不同的选项卡都有各自的动态组件
因此,当我切换选项卡时,它会从DOM中删除内容。当我再次回到该选项卡时,它会再次加载内容
问题:
与默认行为不同,我只希望内容更改为display:none而不是从DOM中删除它。我认为我们现在还不能更改选项卡的默认行为
但是,我们可以做的是,稍微改变结构以实现预期的行为
因此,我们可以从选项卡中删除内容,并在mat tab group之外单独处理。我们将检查哪个选项卡处于活动状态,并相应地调整相应内容的显示属性
总的来说
我有一个json文件,其中包含另一个对象中的多个对象。我想获取数据,但不使用该值的键。我希望迭代这些键和值,并希望在angular 6中动态打印它们
{
"name" : "abc",
"tags" : "def",
"updated-by" : "ijk",
"property" : {
"description" : "abcd",
"type" : "string"
},
"sources" : {
"input" : {
"ty
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-http-interceptorsxtrareport
我正在使用Angular 6和DevXpress Xtra报告模块。我想在标题中添加授权。我正在使用HttpInterceptor添加授权,它与我的所有其他模块(我的xtra报表模块除外)都能正常工作,所以我尝试在我的模块内使用jquery传递授权(如下图所示),但这不起作用,我对它不是很满意。
我正在userId中获取令牌
const userId = localStorage.getItem('access_token');
$.ajaxSetup({
cache: true,
我在angular 6中创建了一个带有表单组控件的动态页面。
如何更改表单组控制值?
在某些情况下,我在文本框中添加数据,如$(#id).val(“myval”)。
因此,在这样做时,formgroup控件值不变,
有人能给出建议吗?如果您是从组件访问它,那么您可以通过“this.FORMNAME.value”访问所有表单值,如果您在构造函数中使用的名称是“FORMNAME”
试试:this.FORMNAME.controls.CONTROLNAME.setValue(“myval”)
欢迎来到
我遵循Angular i18n的开发指南:
我定义了一个复数文字,如下所示:
<span i18n>Updated {minutes, plural, =0 {just now} =1 {one minute ago} other {{{minutes}} minutes ago}}</span>
minutes = 0;
ng serve --port 4300 --configuration=fr
<trans-unit id="5a134dee89358
如何在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
我想我只是不明白ngFor是怎么工作的。为什么angular会多次检查该值?请记住,我希望更新该值。请解释一下,因为我觉得完全迷路了
要提供一些背景信息:
我有一个产品页面,用于检查购物车项目,并显示特定产品的购物车中有多少项目。目前,它显示为11,而购物车中只有两个项目
购物车作为一个对象保存在localStorage中,其中列出了用户添加到购物车中的项目。我可以在Chrome开发工具>应用程序>购物车中看到该对象及其包含的项目数
以下是我的产品模型,其结构与我的购物车对象相同:
export
几天来,我一直在尝试在应用程序中开发一个文件资源管理器,以访问本地文件夹和文件,并对其执行读写等操作。我开发了一个资源管理器,但它不允许我访问本地文件夹和文件,而是创建自己的文件夹。我使用此链接开发了资源管理器
如果我有一个FormControl
this.languageSelectorForm = this.fb.group({
tags: [null, Validators.required],
});
我可以指定一个对象作为它的值吗
const tag = {"c":"c","s":"h","t":"c"};
formControls['tag
我创建了一个自定义组件,并按照此链接()中的说明将其导出为JavaScript文件。我将脚本文件包含到一个html文件中
我的问题是,当我在浏览器(Chrome)中打开html时,我看到一个错误,说“选择器”app root“不匹配任何元素”。但当我删除
引导:[AppComponent],
在app.module.ts文件中,问题将消失
app.module.ts代码:
应用程序组件.ts
index.html代码
<body>
<app-root></app
ho将在angular 6中禁用输入数据字段,直到选择上一个输入数据字段。就像我有一个源字段和一个目标输入字段一样。所以,我想让目的地字段被禁用直到源被选择。 如果我将源和目的地输入字段视为开始日期和结束日期输入字段,输入类型为“日期”,那么你可以创建如下的解析符字段,即结束日期字段,如下面所示:
<input type="date" name="end_date" id="end_date" class="form-control" placeholder="* End Date" #
这是我第一次尝试用Angular6、Priming 6制作stackblitz应用程序。我正在尝试用它创建素数图表。我安装了Chartjs,还更新了angular.json文件,如Priming文档中所示,但它抛出了一个错误,表示未定义图表。谁能帮我解决这个问题。
同样的事情在我的本地设置中也能完美地工作
以下是链接:
将这两行脚本放在index.html文件中,可以让它在stackblitz中本机运行
<script src="https://github.com/chartjs/Cha
角度版本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
ionic4form-datacordova-media-plugin
我想在移动应用程序(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')) {
我希望用户在每次打开Angular 6 SPA时重定向到登录,该SPA由identity server作为Angular oauth oidc的授权服务器进行保护
我使用OAuth 2.0隐式流让用户使用Angular SPA登录
我尝试过清除sessionStorage或localStorage,但不起作用。
如何使用此库实现上述功能
this.oauthService.configure(authConfig);
this.oauthService.tokenValidationHandle
标签: Angular6
httprequestangular-httpclientbehaviorsubject
我的数据库中有一个表,其中值的ID不是连续的,例如:
身份证号码:1,姓名:约翰,姓:多伊
身份证号码:5,姓名:汤姆,姓:汤姆
因此,我希望通过get请求获取表中的所有值并显示它们
所有具有连续ID的请求都可以正常工作。我使用的是Angular 6,所以我现在不需要将我的响应转换为json然后读取它。我还向邮递员检查了我的请求,它返回了所有的值。以下是答复的一部分:
[
{
"id": 1,
"name": "Visionwai 2",
我试图在本地运行此应用程序,但无法正常工作。我尝试了很多次,但都找不到问题。我认为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
我正在使用Angular 6并尝试在ts文件中调用jquery.maskedinput javascript库的mask函数。VS代码中的掩码函数没有显示或编译,因此我找到了一个类型定义文件,并将其添加到node_模块中。现在intellitype找到了掩码函数,波形消失了。然而,我仍然得到一个编译错误。让页面编译并使用mask函数缺少什么
组件技术
/// <reference path="../../../../node_modules/@types/maskedinput/inde
如何在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
我使用Angular开发了一个web应用程序
这是我的web应用程序的布局
我在filterComponent中有过滤器,产品显示在productsComponent中,在filterComponent中应用过滤器时,产品应在productsComponent中更新,仅刷新productsComponent,在我的情况下,两者都会被刷新
过滤器组件
if (isChecked) {
this.router.navigateByUrl(/home , { skipLocationCha
我需要打开基本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
获取此错误“消息”:“上不存在属性”“订阅”
键入“void”。”
您的问题是因为您没有从getWeather()
如错误void中所述(表示您没有返回任何内容)
所以在getWeather()中使用return:
this._weatherService.getWeather(this.location.city,this.location.code).subscribe((response) => {
console.log(response);
this.weat
我是杰普斯特和安格拉尔家族的新成员。我已经使用JHipster创建了一个项目,并为一个编辑器添加了ngx羽毛笔编辑器。我可以使用这个编辑器保存数据,但是当我从数据库中检索数据以显示在另一个页面上预览时,它会显示HTML标记。我不确定在保存到数据库或从数据库检索内容时是否需要渲染,或者在保存或检索要渲染的内容时是否缺少任何标记
<quill-editor name="message" [(ngModel)]="message" required></quill-editor>
我试图通过viewchild方法更改属性值,但不起作用。我不知道该如何做?示例我想动态更改模式弹出标题。如何操作?很多次尝试过,但我不知道怎么做?请任何人帮助寻找解决方案?您可以在openModal方法中传递标题字符串,并在视图中进一步使用它
openModal(id: string, title: string) {
this.modaltitle= title;
this.modalService.open(id);
}
您可以在视图中使用{{modaltitle}来显示标
在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",
我有一个environment.ts文件,我想在其中存储项目是在test模式还是dev模式下构建的。目前,我将该值存储为键值对
export const environment = {
...
testMode:false
...
}
我是否可能从生成文件(比如package.json)或从环境变量读取值(false或true)中提供值?您的环境文件将作为
环境技术服务:
export const environment = {
testMode: false,
KEY_TO_RE
标签: Angular6
ngx-datatableangular-ngselect
(我在这里转载了我的问题:)
选项的下拉列表不会显示在行的“上方”,它似乎被单元格的高度截断,使其变得毫无用处
常规的很好,但我可以看到所有选项
如何使ng select按预期工作?解决方案是使用ng select属性appendTo=“body”,如下所示:
<ng-select [searchable]="false" placeholder="-- choose --" appendTo="body">
<ng-option>Option 1</ng
我从我的angular6开始,我遇到了下面的语法
<input type="text"
class="form-control"
name="company-name"
ngModel
#nameField="ngModel"
required
minlength="3">
现在我的问题是,如果ngModel和name已经存在,以唯一地标识表单组件,并且ngModel指令将其与角度表单绑定,那么我们为什么需要#nameFiel
我不知道怎么做。请你告诉我如何通过点击角上的图标转到另一个视图,好吗?谢谢大家! 要更改角度视图(无需重新加载页面),您需要路由器。
您可以将您的图标包装在锚定标记中,然后
<a routerLink="/contacts" routerLinkActive="active">
<mat-icon matSuffix>contacts</mat-icon>
</a>
<a routerLink="/shopping_cart" rou
我想根据一组规则筛选我的表。我发现这可以通过filtermodels和conditions实现。我试图叠加条件,但似乎不起作用。e、 g
这很有效
Filter = {
columnName: {
condition1 : {
type: 'contains',
filter: 'searchstring1',
},
operator: 'AND',
condition2 :
我是stackOverflow新手,找不到问题的答案。
我正在尝试在ngFor中使用ngFor。
是否可以在*ngFor中调用方法:
大概是这样的:
<div *ngFor="let nbStar of myMethod(skill.level)">
其中myMethod使用来自我的第一个ngFor的数据作为参数来生成一个数字数组
我的代码:
<div *ngFor="let skill of skills">
<div class="
我有一个包含另一个模板“项”的模板“容器”。。容器“项”再次包括“容器”
这不起作用,我收到以下错误:
错误类型错误:templateRef.createEmbeddedView不是函数
有什么想法吗?谢谢。这个问题已经很老了,所以您可能已经找到了答案,但以防其他人遇到这个问题
您遇到的问题是容器模板中变量列表(let list)的命名冲突,该变量列表覆盖列表模板
例如,如果将模板重命名为ListPL(或变量),则该模板应能正常工作:
//一些代码
对于模板内部的递归,我们需要了解n
我在angular 6中工作,这里我想将多个值推入数组,这给了我以下错误
这是我的密码
this._model.NomineeList.push(
{
'FirstName': this._nomineemodel.FirstName,
'CNIC': this._nomineemodel.CNIC,
'MiddleName': this._nomineemodel.MiddleName,
我是英语初学者。我需要一个自定义下拉功能在一个创建组件。我使用表格供用户输入值。我将区域(CLT、EKM、TVM)的主要输入作为一个表格单元格中的下拉列表。辅助输入是每个分区下的分区(每个分区2或3个分区)。如果在主单元格中选择CLT,则KZD和WND仅显示在辅助下拉列表中,依此类推
我尝试将和标记在一起,但未满足要求
<form class="form-inline" (ngSubmit)="onSubmit(f)" #f="ngForm">
<br>
我需要使用角度材质创建水平和垂直选项卡。提前感谢。我使用以下SCS,通过应用垂直选项卡类,将垫选项卡组显示为垂直选项卡。您可能想对其进行一些修改,但这应该是一个很好的起点
mat-tab-group.vertical-tabs {
flex-direction: row !important;
.mat-tab-labels {
flex-direction: column !important;
}
.
解决方法实际上是删除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(
我使用angular 6 cli
当我运行ng build--prod时
类名在“t”名称中缩小,这给使用“constructor.name”带来了困难
测试/结果:
ng build--prod--build optimizer=false//无法解决问题
ng弹出,mangle=false//bad选项
扩展类className属性(className=this.constructor.name)//不需要的选项
你的建议
我有一个字段的Validators.pattern,这是我表单上唯一的验证
正常使用是有效的。它会正确验证字段,但在尝试复制和粘贴时会出现问题
如果您在字段上重复复制和粘贴字段,就好像正在切换字段的有效性(如果表单无效,则“提交”按钮将被禁用)
当我从其他来源(如搜索或自动建议)填充数据时,也会出现此问题
buildForm(obj) {
this.form = this.fb.group({
field: [obj['field'] || '', Validators.patter
标签: Angular6
angular-ngmodelngforngmodel
我已经编写了使用*ngFor生成div的代码
我尝试单击每一行(span text),然后该行布尔值应该生效,但它也会更改其他行的值
我的目标是当单击跨行时,单击的行值应该改变
组件技术
从'@angular/core'导入{Component,NgModule,VERSION,Input,OnInit};
从“@angular/platform browser”导入{BrowserModule};
从'@angular/forms'导入{FormsModule};
@组成部分({
选择器:“我
我正在尝试角材料数据表
正如我们所知,默认情况下对每一行进行过滤
如果我想过滤特定于列的内容,那么我应该怎么做
我是否必须编写获取所有记录的方法,然后对其进行迭代并比较特定列
组件技术
component.html
您应该使用的filterPredicate属性
初始化this.dataSource后,定义自定义filterPredicate函数,如下所示
this.dataSource = new MatTableDataSource(results);
this.dataSource.s
我在app.component.html中有
<nominapp-right-side></nominapp-right-side>
在nominapp right side.html中,我有
<div>aaa</div>
<div id="contenido1"></div>
<div>asdsss</div
<div>abcdd</div>
aaa
asdsss
通过将
1 2 3 4 5 6 ...
下一页 最后一页 共 11 页