angular 相关问题

如何将 Circles 绑定到 Markers 以便由 Marker-Clusterer 管理？ Angular GoogleMaps 组件

我实际上想要实现的是为不在集群内的每个标记显示一个MapCircle，并在它位于一个集群内时隐藏它。 我知道我可以将别针设计成圆形）b...

Primeng：p-日历默认日期不起作用

我需要在日期选择器中设置默认日期。我尝试使用 p-calender 的 defaultDate 属性，如下所示： 我需要在日期选择器中设置默认日期。我尝试使用 p-calender 的 defaultDate 属性，如下所示： <p-calendar placeholder="mm/dd/yyyy" name="deadline" required [(ngModel)]="deadline" #deadline="ngModel" [showIcon]="true" showTime="showTime" hourFormat="12" [defaultDate]="defaultDate"> Component.ts代码： public defaultDate: Date = new Date(); ngOnInit() { this.defaultDate.setDate(this.defaultDate.getDate() - 5); } 但是，上面的代码不起作用。请帮忙。 //deadline: Date = new Date(0); deadline: Date; defaultDate: Date = new Date("January 31 1980 12:30"); ngOnInit() { //if (this.deadline == undefined) // this.deadline = new Date("June 30 1966 12:30"); } 根据issue，如果该字段为空，defaultDate 将显示首次打开时的月年。 defaultDate 属性不用于设置特定日期，仅在未设置 ngModel 值时适用。要设置默认显示日期，请使用 ngModel 而不是 defaultDate。 您必须使用 ngModel 与默认日期绑定，如下所述：打开链接 所以，在你的情况下，这样的事情应该有效： <p-calendar placeholder="mm/dd/yyyy" name="deadline" required [(ngModel)]="deadline" #deadline="ngModel" [showIcon]="true" showTime="showTime" hourFormat="12" [defaultDate]=deadline> 更多信息请参考Primeng github中的calendar.ts文件：https://github.com/primefaces/primeng/blob/master/src/app/components/calendar/calendar.ts 我的html： <p-calendar [dateFormat]="'dd/mm/yy'" [maxDate]="minDate" [defaultDate]="minDate" [(ngModel)]="date" [iconDisplay]="'input'" [showIcon]="true" placeholder="JJ/MM/YYYY" id="date" ></p-calendar> 我的ts： export class DateFormPageComponent { date: Date | undefined; currentDate = new Date(); minDate :Date = new Date(this.currentDate.getFullYear()-13, this.currentDate.getMonth(), this.currentDate.getDate()); constructor(private router: Router, private route: ActivatedRoute) { } } 试试这个 public deadline: Date; ngOnInit() { this.deadline.setDate((new Date()).getDate() - 5); }

Angular 入门项目因“将数据传递到子组件”而失败

我尝试遵循 Angular 的“入门”示例项目：https://angular.io/start#getting-started-with-angular 在将数据传递给子组件部分中，我在步骤中失败了...

尝试在 Angular 17 中的 AppComponent 中触发任何 http 请求时，未定义本地存储

在 Docker 中运行的 Angular 17 中，我有包含 的独立 AppComponent。 当我尝试订阅 app.component.ts 中的任何 http 请求时，应用程序会...

使用预签名 url 将文件上传为二进制数据

我想使用预签名的 url 将文件作为二进制数据上传。我确实尝试通过邮递员上传，请参考下面的屏幕截图并能够上传。 在邮递员中上传 我尝试了下面的示例...

幻像问题的原因 - classRef 不是构造函数

我最近遇到了一个问题，当在本地运行 Angular NX 项目时，应用程序没有在浏览器中闲逛 “start-dev”：“nx run-many --target=serve --all”。屏幕突然卡住了...

“节点上的点击事件”是否可以与 Angular 中的 Mermaid js 一起使用？

我正在尝试将美人鱼流程图绘制Javascript集成到我基于角度9的客户端应用程序中。我可以绘制流程图，但我确实需要在

Angular 17：“没有 _HttpClient 的提供者！”使用 ApiService 的独立组件出错

我正在开发一个 Angular 17 应用程序，该应用程序使用新的独立组件功能合并了 Spotify API，并且在尝试将 HttpClient 注入服务时遇到了问题...

如何更改仅适用于移动视图的 Angular Material 对话框的宽度和高度？

我正在开发一个 Angular 应用程序并使用 Angular Material 作为 UI。我想调整对话框的宽度和高度，但仅限于移动视图。我不知道如何只调整手机大小...

如果顺风DaisyUi按钮组只有一个按钮或Angular中有动态按钮，如何设置第一个按钮半径

我正在使用顺风 CSS 并使用动态元素在分组视图中渲染按钮，如果它有多个按钮，则设计看起来像第一个一样好，最后一个按钮边框弯曲为...

ng-select中如何控制选中元素的显示

我无法限制ng-select中所选选项的显示 有没有办法可以控制 ng-select 中所选项目的显示？目前，有众多选项和“全选”功能...

Angular 信号如何集成到 ngxs 选择器状态管理中？

我使用ngxs状态管理并具有以下状态和选择器： 导出接口 ITodoCountState { 计数：字符串； } @状态({ name: 'todosCount', 默认值：{...

将焦点设置在输入上

我有 Angular 代码，其中第一个字段在页面加载时需要焦点。挑战在于，输入根据条件动态显示，并且它们位于主组件和嵌套组件中。怎么...

如何提高http get API的性能？

我正在从服务进行http get 请求。 https://angular.io/guide/http-request-data-from-server 从 '@angular/common/http' 导入 { HttpClient }； @Injectable({ 提供于：'root' }) 出口类

Angular Google 与 ESlint 没有显式的任何

我们需要将 lint 规则添加到我们的 Angular 应用程序中。 导致问题的具体规则是 no-explicit-any eslint 规则。 .eslintrc.json “@typescript-eslint/no-explicit-any”：&...

Angular 不从资产加载图像

我正在制作一个角度应用程序，在资产内部创建了一个名为“image”的文件夹，并将图像放置在那里，然后在 html 组件中引用它们，但是在使用之后...

在 Angular 10 中显示 ng-content 两次

我正在使用自定义角度组件，我需要将投影内容显示两次。 假设我有这个 html： 我正在使用自定义角度组件，我需要将投影内容显示两次。 假设我有这个 html： <app-awesome> <app-awesome-card *ngFor="let card of cards"> <h1>{{card.title}}</h1> <img [src]="card.thumbnail"> </app-awesome-card> </app-awesome> 所以，在awesome-card.component.html中，投影的内容将是一些我想投影两次的卡片组件。 可能是这样的： <div class="awesome-class"> <ng-content select="app-awesome-card"></ng-content> </div> <div class="more-awesome-class"> <ng-content select="app-awesome-card"></ng-content> </div> 但这不起作用，因为 ng-content 只是“粘贴”模板，无法复制。即使我像这样使用 ng-template: <div class="awesome-class"> <ng-container *ngTemplateOutlet="content"></ng-container> </div> <div class="more-awesome-class"> <ng-container *ngTemplateOutlet="content"></ng-container> </div> <ng-template #content> <ng-content select="app-awesome-card"></ng-content> </ng-template> 这也行不通。 我花了一周时间试图找到一个优雅的解决方案，但我找不到。只直接修改 DOM，但这是一个不好的做法。 我见过一些类似的老问题，甚至有一个 Github 请求这个问题，但似乎当时没有人知道答案。 PD： ContentChild 也不会工作，因为它无法看穿投影内容（或我相信的东西） 编辑 如果我可以访问投影的内容信息，我可以手动渲染内容，但我尝试的一切都失败了 我能提供的是传递一个模板而不是传递一段html <app-awesome> <ng-template> // or your own helper structural directive can be used. <app-awesome-card *ngFor="let card of cards"> <h1>{{card.title}}</h1> <img [src]="card.thumbnail"> </app-awesome-card> </ng-template> </app-awesome> @ContentChild(TemplateRef) contentTpl; ... <div class="awesome-class"> <ng-container *ngTemplateOutlet="contentTpl"></ng-container> </div> <div class="more-awesome-class"> <ng-container *ngTemplateOutlet="contentTpl"></ng-container> </div> 就我而言，我正在改造现有组件，并发现尝试根据视口选择不同输出并处理ng-content投影出最后一次出现的问题。 <div class="mobile"> ... <ng-content></ng-content> <!-- content NOT rendered --> </div> <div class="desktop"> ... <ng-content></ng-content> <!-- content rendered here --> </div> 要修复，我将最后/第二次出现替换为： <ng-container *ngTemplateOutlet="contentTemplate"></ng-container> 并在其后面添加了代码： @ContentChild(TemplateRef) contentTemplate: TemplateRef<any>; 同样，必须用 ng-template 将调用者中的内容包裹起来，例如： <app-custom-thing class="some-class"> <ng-template> Your content here! </ng-template> </app-custom-thing> 这具有允许先前使用而不用 ng-template 进行包装的效果，以继续像以前一样工作，而未来需要 ng-template 的使用将按预期呈现。 好奇其他人是否有意见或替代方法来实施。谢谢！ 您需要一个 .上课前点 <ng-template #content> <ng-content select=".app-awesome-card"></ng-content> </ng-template>

将角度信号值设置为 HTML 选择选项

我有一个角度组件，它异步调用一些数据并将值存储在这样的信号上。 tipoSignal: WritableSignal = signal({}) as WritableSignal;

导致 Angular 16 中同一组件呈现的项目之间导航失败的原因是什么？

我一直在使用 Angular 16、TypeScript 和电影数据库 (TMDB) 开发 SPA。 我在开发电影搜索功能时遇到了一个奇怪的问题。 在app\services\movie-service.service...

Angular：tsconfig“composite”：true 标志不适用于 ng-workspace 中的库

我一直在努力实现这项工作，我有一个 NG16 工作区，但是每当我在 tsconfig.lib.json 中使用路径时，编辑器都不会识别这些路径，因为它不在主 tsconfig.json 中。 然而...