angular 相关问题

关于Angular的问题(不要与AngularJS混淆),来自Google的Web框架。将此标记用于Angular问题,这些问题并非特定于单个版本。对于较旧的AngularJS(1.x)Web框架,请使用angularjs标记。

Angular 不断在 url 中添加页面路由

我用的是角度17 这是我的 app.routes.ts 导出常量路由:路由= [ { 路径:'',pathMatch:'完整',组件:HomeComponent }, { 路径:'编辑器',组件:EditorsComponent }, { 路径:'

回答 1 投票 0

用Angular切换页面后页码自动重置为1

我不知道为什么当我将页面从1更改为2后,bookParams中的pageNumber会自动重置为1。 导出类 BookListComponent 实现 OnInit { 书籍:书籍[]; bookParams: BookParams; 分页...

回答 2 投票 0

如何使用 Ionic、Capacitor 和 Angular 在应用程序关闭后在后台跟踪用户的位置?

我正在尝试使用 Ionic、Capacitor 和 Angular 开发移动应用程序。我想实现一项功能,即使在应用程序关闭后,我也可以在后台跟踪用户的位置。 我有

回答 2 投票 0

inject() 必须从注入上下文调用,例如构造函数、工厂函数、字段初始值设定项

我有一个超级简单的 Angular 17 独立项目来测试生成的 typescript-Angular 客户端 sdk。 我的 openapi.json 规范非常基本,位于另一个项目中 我正在链接角度

回答 1 投票 0

Angular 材料日期选择器:日期解析 UTC 问题 1 天前

我知道有几个关于此问题的线程,我阅读了所有这些线程,但好几天都无法解决此问题。我可能找到了一个解决方案,但它似乎对我来说很脏。 所以和其他用户一样,我也有同样的问题

回答 4 投票 0

使用角度 5 设置角度材质 datePicker 的默认值

我正在使用有角材料的日期选择器。我想设置一个默认值,但它没有显示该值。 我正在使用有角材料的日期选择器。我想设置一个默认值,但它没有显示该值。 <mat-form-field class="mr-sm-24" fxFlex (click)="open()" > <input matInput [picker]="picker" placeholder="Date" autocomplete="off" name="date" formControlName="date"> <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle> <mat-datepicker [startAt]="startDatePicker" #picker></mat-datepicker> </mat-form-field> 这是我的 .js 代码,我想将其设置为默认值 var date = this.datepipe.transform((new Date().getTime()) - 3888000000, 'dd/MM/yyyy'); this.form = this.formBuilder.group({ dataInicial: [data_inicial], ... 这对我有用! HTML- <mat-form-field> <input matInput [matDatepicker]="picker1" placeholder="From Date" [formControl]="date1"> <mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle> <mat-datepicker #picker1></mat-datepicker> </mat-form-field> TS- date1 = new FormControl(new Date()) 您需要为 startAt 更改提供一个 Date 对象,如下所示: 在.ts中: date = new Date((new Date().getTime() - 3888000000)); 在 html 中: <mat-datepicker [startAt]="date" #picker></mat-datepicker> 这里有一个工作演示:https://stackblitz.com/edit/angular-n9yojx 您可以在输入中使用定义的 formControl。 这里是html <mat-form-field class="mr-sm-24" fxFlex (click)="open()" > <input [matDatepicker]="picker" matInput placeholder="Date" autocomplete="off" name="date" formControlName="date" [(ngModel)]="date.value"> <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle> <mat-datepicker #picker></mat-datepicker> </mat-form-field> 这里是TS 声明你 formControl date: FormControl; this.date = new FormControl(new Date(<you can provide you date input field if you getting date from other sources>)) 下面是 Angular 10、Angular Material 10 和 Reactive forms 的工作代码 组件.ts this.youForm= this._formBuilder.group({ StartDate: [new Date(), Validators.required], }); component.html 没有变化 <mat-form-field appearance="outline"> <input matInput [matDatepicker]="StartDate" placeholder="Start date *" formControlName="StartDate"> <mat-label>Start Date *</mat-label> <mat-datepicker-toggle matSuffix [for]="StartDate"></mat-datepicker-toggle> <mat-datepicker #StartDate></mat-datepicker> </mat-form-field> 在一组表单控制器中,您可以使用默认日期,如下所示。 birthdayCtrl: ['1999-01-31'] 使用模板驱动方法,解决方案如下。 selectedDate = new Date(); <input class="form-control" matInput [matDatepicker]="dp3" [min]="today" [max]="max" disabled [(ngModel)]="selectedDate" (ngModelChange)="dateUpdated()" name="currentDate" /> <mat-datepicker-toggle matSuffix [for]="dp3" ></mat-datepicker-toggle> <mat-datepicker #dp3 disabled="false"></mat-datepicker> ``` 在你的.html中---- <mat-form-field style="width:150px;" color="accent"> <mat-label>Choose From Date</mat-label> <input class="example-events" matInput [matDatepicker]="picker1" [ngModel]="dateF" > <mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle> <mat-datepicker #picker1 ></mat-datepicker> </mat-form-field> 在你的.ts中---- dateF:any=new Date(); ngModel 对我有用... var date = this.datepipe.transform((new Date().getTime()) - 3888000000, 'dd/MM/yyyy'); <mat-form-field class="mr-sm-24" fxFlex (click)="open()" > <input matInput [picker]="picker" placeholder="Date" autocomplete="off" name="date" formControlName="date" [ngModel]="date"> <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle> <mat-datepicker [startAt]="startDatePicker" #picker></mat-datepicker> </mat-form-field> 这是我的答案, 在你的.html中 <mat-form-field class="mr-sm-24" fxFlex (click)="open()" > <input [matDatepicker]="picker" matInput placeholder="Date" autocomplete="off" name="date" formControlName="date"> <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle> <mat-datepicker #picker></mat-datepicker> </mat-form-field> 在你的.ts中 this.form = this.formBuilder.group({ date: new FormControl(new Date()), // Current Date ... }); 这会将当前日期设置为默认日期。

回答 9 投票 0

“.../node_modules/rxjs/Rx”没有导出成员“throwError”

Angular 文档谈到了一个“throwError”类,其导入语句如下所示 从 'rxjs' 导入 { Observable, throwError }; 但我的编译器找不到 cl...

回答 2 投票 0

为什么在生命周期钩子中订阅observable会在页面刷新时短时间内显示错误的数据?

我在订阅组件生命周期挂钩中的可观察对象时遇到问题。内容在模板中正确显示。然而通过组件方法改变 DOM 会带来奇怪的结果......

回答 1 投票 0

Spring Boot 提供被安全阻止的静态内容

我启动了 Spring Boot + Angular 应用程序,现在我想将整个应用程序部署为 jar。所以我创建了 Maven 配置,其中构建了 Angular 应用程序,然后将其复制到 /target/classes/resource...

回答 7 投票 0

如何避免在角度表单上多次提交点击

`嗨,我对这个有角度的东西很陌生,不太明白如何完成表单的这一部分。 我们让人们非常快速地多次单击提交按钮并添加相同的信息...

回答 2 投票 0

x.() 不是函数 Typescript

所以我在这个类对象中有这个类,我实例化了它,但我无法调用它的函数。 IDE 允许我调用 getPoistionDiagram: 导出类 NodeW { 孩子ID:字符串[]; 图表...

回答 1 投票 0

Angular / Ionic 搜索栏 - 需要增加文本空间

我目前正在努力增强 Ionic 应用程序中的搜索功能,并且在搜索栏输入字段中的字符可见性方面遇到了挑战。德...

回答 1 投票 0

如何使用 Angular 17 和 SSR 来滋润 ngrx 存储

我有一个使用服务器端渲染的 Angular 17 应用程序。应用程序的状态是使用 ngrx 进行管理的。 当我访问该页面时,我可以看到该页面是预先渲染的(通过查看...

回答 1 投票 0

使用 matDatePicker 进行时间处理

我有处理日期+时间的组件:[https://stackblitz.com/edit/stackblitz-starters-b3wdcj] 当我在输入中手动更改年/月/日(不在选择器中)时,会触发一些事件(dateInput,

回答 1 投票 0

Angular ActivateRoute.Snapshot.params 与 URL 地址栏不同步

当我导航到具有不同ID的实体时,我的activatedroute.snapshot.params['id']不断显示旧ID。 url 地址会发生变化以反映新的 ID,但activatedroute 不会。所以...

回答 1 投票 0

来自 Angular 外部的更改检测和事件

我创建了 Angular 7 应用程序,它使用一个非常大的外部库。除了来自外部来源的事件之外,我已将所有事情都成功连接起来。 我有一个活动

回答 1 投票 0

从 spécifique mat-option 中删除 mat-pseudo-checkbox

在角度材质中,mat-select 具有元素 mat-pseudo-checkbox,它在 mat-option 中显示复选图标。我有多个垫选择,我想删除或隐藏此元素。 和 ::ng-深.mat-

回答 1 投票 0

在 Angular 服务中对 http 请求进行单元测试重试

我正在尝试在不使用 for 循环的情况下测试失败的 httpClient post 请求的重试,并且我很难找到这样做的示例。大多数解决方案似乎都显示了 for 循环方法。 哈...

回答 2 投票 0

Angular mat-table 无法使单元格文本省略

嗨,我正在使用 Angular Material 表作为我的网格,mat-table 在内部扩展单元格高度以调整长文本,但我想保持高度一致并显示省略号。 有什么建议...

回答 2 投票 0

Angular - NGRX 信号存储 - 重复注入

在 NGRX 信号存储中, 如果我需要访问 withCompulated 和 withMethod 块内的服务,我目前必须在每个块中注入相同的服务。 有没有办法提供服务

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.