开发者问题收集
我有一个列表,其中每个li都有唯一的data-id。<ul class="list"><li class="list__el"*ngFor="let item of cars"data-id="{{ item.id }}"></li></ul>在 JS 中我会写let myLi = document.querySelector(`.list__el[data-id="${item.id}"]`)如
在我的 Angular-11 中,我有这个 Javascript 文件:"node_modules/admin-lte/plugins/bs-stepper/js/bs-stepper.min.js",我将它添加到 angular.json 中,如上所示。import Stepper from '...';@Component({selector: 'app-profile',templateUr
您好,我开发了一个 angular 12 应用程序。我将 js 导入到 angular 9 上上一个应用程序中的每个组件中,如下所示:js 文件:var mainHandler = {init: function(){this.responsiveHandler();},responsiveHandler: function() {var self = this;// First we get t
我试图访问一个原生元素,以便在单击另一个元素时聚焦于它(非常类似于 html 属性“for” - for 不能用于这种类型的元素。但是我收到了错误:TypeError: Cannot read property 'nativeElement' of undefined我尝试在ngAfterViewInit()中 console.log 原生元素,以便加载它,但它仍然会引发错误。我还在点击事件处理程
我想使用ViewChild访问组件的 DOM。但是当我尝试访问nativeElement属性时,它为undefined。以下是代码片段。import { Component, ViewChild, AfterViewInit } from '@angular/core';import { AlertComponent } from './alert.component';@Component({s
Angular CLI6在我的组件中,我有:@ViewChild('necRiskAnalysisDialog')private necRiskAnalysisDialog;在某个时候,我调用了this.necRiskAnalysisDialog.set(...在我的 html 中,我有<div><div *ngIf="someCondition"><nec-risk-analysis #necR
情况如下,我有主文件选项卡组件,其中我使用 @ViewChild() 包含了文本组件;现在在 ngAfterViewInit() 上,我正在初始化菜单和子菜单列表。一旦我完成创建子菜单列表,我就想将它们分配给文本组件。这样,当用户单击文本组件时,他将看到选项卡组件分配的子组件。ngAfterViewInit() {// menu initialization// sub-menu initiali
如何聚焦 ngIf 中的元素?页面加载时此 ngIf 为真,但仍然出现未定义的错误:@ViewChild("currentDaySpentInput") currentDaySpentInput: ElementRef;// ...<div class="spending-input" *ngIf="!spentInputComplete"><label>How much did you spen
我在使用 @ViewChild 和通过 ngIf 显示的组件时遇到问题。我找到了各种解决方案,但没有一个对我有用。这是我的主要组件,由各种步骤组成(为简洁起见,我在代码中只显示了 2 个步骤),带有一个用于向前导航的按钮和一个用于重置在第一步返回的组件的按钮。第一步显示在页面打开时:...<div class="my-container"><first-child *ngIf="showFirtC
在我的代码中,我有一个名为 #map 的 div,它将在 for 循环的条件之后显示。<div *ngFor="let message of fullMessagesArr"><div *ngIf="message.replyMap"><div #gmap style="width:100px;height:400px"></div></div></div>下面给出了我的 .ts 文件,其中包含i
我遇到了以下问题,该问题已由@ViewChild中的{static: false>属性修复。此 stackoverflow 问答帮助解决了此问题我应该如何在 Angular 8 中使用 @ViewChild 的新静态选项?。我想更好地理解这种情况以及static如何改变结果,以及变化检测如何影响这种情况。我在 Angular 文档中阅读了一些有关变化检测的内容,发现其中极其缺乏。我想出了一个 st
我尝试使用画布绘制一条线,画布被ngif条件包裹着。<canvas *ngIf="condition" #canvas></canvas><button (click)="draw()"> click Me</button>现在我想通过ViewChild绘制一条线。代码如下:condition: boolean = false;@ViewChild('canvas', {static: false
我尝试通过将对象属性值设置为空字符串来修复未定义的错误,但仍然出现如下错误:ERROR TypeError: Cannot read property 'notes' of undefinedTSlet notes;if (typeof manufacturer_field.manufacturer_guidelines[0].notes == undefined){notes = '';} el
getPersonneById(id: number): Personne{const personne = this.personnes.find( personne => {return personne.id == id;});return personne;}显示此错误:无法将类型“Person | undefined”分配给类型“Person”。无法将类型“undefined”分配给类型
组件从服务中获取带有参数的用户@Component({selector: 'users',providers: [UserService],template: `<p>{{user.id}}</p>`})export class UserPageComponent implements OnInit {constructor(private userService: UserService,pr