在@ViewChild变量中使用spyOn时出错
是因为@ViewChild装饰器用于获取模板中的元素或指令，并将其赋值给一个变量。而spyOn是Jasmine测试框架中的一个函数，用于监视函数的调用情况。
当在@ViewChild变量中使用spyOn时出错，可能有以下几个原因：
- @ViewChild装饰器未正确使用：确保在@ViewChild装饰器中指定了正确的选择器，以获取所需的元素或指令。例如，如果要获取一个名为"myElement"的元素，应该使用@ViewChild('myElement')。
- 元素或指令未正确引入：确保所需的元素或指令已正确引入到组件中。可以通过在组件的import语句中添加相应的引用来解决此问题。
- 元素或指令未正确声明：确保所需的元素或指令已在组件的模板中正确声明。可以在模板中使用相应的选择器来声明元素或指令。
- 元素或指令未正确命名：确保所需的元素或指令在模板中具有正确的名称。如果名称不匹配，@ViewChild装饰器将无法找到相应的元素或指令。
- spyOn函数未正确使用：确保spyOn函数正确使用，并将其应用于正确的函数。spyOn函数应该在测试用例中的beforeEach或it块中使用，并且应该指定要监视的函数。
综上所述，当在@ViewChild变量中使用spyOn时出错，需要检查@ViewChild装饰器的使用、元素或指令的引入和声明、命名是否正确，并确保spyOn函数正确使用。如果问题仍然存在，可以进一步检查测试环境的配置和依赖项是否正确。
相关·内容
2回答
什么是ViewChild？
angular、angular5、angular8
在组成部分中有声明：
export class GlossariesComponent implements OnInit {
@ViewChild(UploaderComponent, {static: false})
private uploader: UploaderComponent;
}
这是否意味着我引用了UploaderComponent组件的模板？
那么如何在当前组件模板中使用@ViewChild，现在没有地方在模板中使用它。
静电是什么意思？
浏览 1提问于2019-11-14得票数 0
回答已采纳
1回答
表的可展开行中的动态组件
angular、angular-material、components、angular-dynamic-components
我想添加自定义组件，这将被动态添加到模板。在第一行中，它可以工作，但在接下来的行中，事件不会出现在DOM中。你知道为什么和如何修复它吗-
浏览 4提问于2020-06-08得票数 0
3回答
如何利用角ViewChildren到达SVG单元
angular、typescript、dom、svg
我将一个svg加载为一个对象：
<object data="assets/img/states.svg" type="image/svg+xml" id="map"></object>
这个svg包含一个大的png映射和几个rect和文本元素。
<rect
y="224.72084"
x="644.87109"
height="231.68137"
width="101.08391"
id="RE
浏览 0提问于2019-01-04得票数 2
回答已采纳
1回答
当元素的“click”事件存在时，如何检测元素外部的单击
angular、events
我正在创建一个Angular指令，请帮助我如何在Angular(7)中检测'click‘元素和'click’外部元素的每个事件。 @Hostlistener ('click', ['$event']) onClick(){} 用于单击元素(此处为按钮) @Hostlistener ('document:click', ['$event'] outClick(){} 对于文档中的任意位置，请单击。但这也表明了元素。 当单击外部元素时，已经存在元素的一次单击事件，只认识到它不是元素。
浏览 18提问于2019-04-23得票数 0
1回答
用角初始化ElementRefs阵列
angular
我正在重构一个视频聊天应用程序，我正在构建的角度12，我遇到了一个可能是一个简单的问题，我没有多少运气找到答案。
当我通过ElementRef将视频和音频输出发送到显示组件时，我一直在为视频服务中的变量使用静态名称，类似于…
video.service.ts
localParticipant: elementRef
remoteParticipant1: elementRef
remoteParticipant2: elementRef
…然后将它们链接到AfterViewInit生命周期挂钩中的显示组件。
all-remote-participants.component.ts
@Vie
浏览 3提问于2022-01-09得票数 1
回答已采纳
3回答
将标签值从HTML传递给TS
html、angular、typescript、filter、label
我有这样的代码：
<sh-toggle label='ABCD' id = 'ABCD'> </sh-toggle>
我想提取TS文件中标签的值。请告诉我怎么做？如果我正在尝试document.getElementByID('ABCD')，那么我将获得完整的切换组件，并且无法从那里过滤标签。
请注意，开关是一个自定义标签.
浏览 9提问于2021-11-11得票数 0
回答已采纳
4回答
无法在组件之间传递数据
javascript、angular、typescript、angular7
我们正在尝试将数组数据从父组件传递给子组件，它正在抛出TypeError: Cannot read property 'setData' of undefined>，这就是我们正在尝试的
父组件
export class RFComponent implements DoCheck {
finalResult: SModel[];
@ViewChild(TSFComponent, {static: false})
private childVar: TSFComponent;
........
click() {
this.elem = th
浏览 0提问于2019-08-23得票数 0
回答已采纳
10回答
无法读取未定义的属性“”viewContainerRef“”
angular、angular-directive、angular-components
我正在尝试显示一个与angular文档中的示例类似(不精确)的动态组件。
我有一个viewContainerRef的动态指令
@Directive({
selector: '[dynamicComponent]'
})
export class DynamicComponentDirective {
constructor(public viewContainerRef: ViewContainerRef) { }
}
摘录自组件代码
@ViewChild(DynamicComponentDirective) adHost: DynamicComponentDire
浏览 3提问于2018-01-19得票数 26
1回答
从锚中选择触发器
angular、angular-material
这是非常简单的事情，我需要做的是把一个变量或者什么东西传递给我的方法。这段代码的问题是，当触发onPickupClock时，它打开第一个组件，即<md-select name="price">，而不是组件本身
我的问题是：如何设置它来打开组件本身，<md-select name="clocktime">
如果你想看一看，这就是
home.component.ts
import { MdSelect } from '@angular/material';
@Component({
....
})
export class
浏览 2提问于2017-07-07得票数 0
回答已采纳
1回答
为什么ViewChild不能在angular8+中与attr.id一起工作？
javascript、html、angular、rxjs、viewchild
当我指定id时，ViewChild工作如下
<div #test_205626>test</div>
但当我这么做的时候
<div [attr.id]="test_id">test</div>
我得到的东西是：
<div _ngcontent-gtn-c6="" id="test_205626">test</div>
在输出html中，但同时出现错误：
无法读取未定义的属性“nativeElement”
守则是：
test_id = 'test_205626&
浏览 1提问于2019-08-25得票数 0
1回答
这里的自动属性是什么?为什么需要它？
javascript、angular、angular2-forms
我试图学习角材料2，并在自动完成中遇到了这个#auto属性，我知道auto可以被任何文本替换，但是为什么在auto之前需要一个#，这个属性的名称是什么？
<md-input-container>
<input mdInput placeholder="State" [mdAutocomplete]="auto" [formControl]="stateCtrl">
</md-input-container>
<md-autocomplete #auto="mdAutocomplete"
浏览 1提问于2017-07-22得票数 13
回答已采纳
1回答
对于组件交互，哪种方法是最佳的@输入、@输出或使用服务
angular6
对于组件交互，我在angular6中有一些查询。对于组件交互，我们有@Input、@Output、viewChild和services等方法。但大多数情况下我们将使用服务。
在什么情况下，我们需要使用@Input、@Output和viewChild来传递应用程序中的值
@Input、@Output和viewChild方法有什么限制吗？
我们可以使用@Input，@Output方法传递大量数据或值数组吗？
我们可以在本地范围内使用“输入”和“输出”吗？请帮助我澄清我的疑虑
浏览 0提问于2019-07-19得票数 1
回答已采纳
2回答
我对ViewChild和NgModel有点困惑。谁能给我一个明确的答案，什么时候使用Viewchild和ngModel？我知道两者都会指向一个特定的元素，你可以使用这些对象来获取元素的当前值。
浏览 81提问于2019-03-27得票数 7
回答已采纳
1回答
从@组件角2更新@指令模板选择器中的数据绑定
angular、typescript、data-binding、angular2-directives、angular2-components
我查看了角2中的一个特定的东西，其中我需要更新指令的选择器的数据绑定变量与即将到来的变化。然而，它并不是每次更改都会得到更新。
@组件模板中的指令选择器，让我们调用comp.html
<sunburst-chart [className]="'sunburst-chart'" width="200" height="200" bind-data="costData">
</sunburst-chart>
我针对的数据是“costData”
这是指令的样子，
import { Di
浏览 2提问于2016-10-27得票数 1
1回答
访问角2模板之外的DOM元素的“适当”方法？
javascript、angular、dom
我有一种预感，正确的答案是“你不使用--使用服务或其他解决方案”，但是，为了这个问题，假设我必须这样做。
呈现的页面如下所示：
<div class="somePageHeader">Welcome to my site!</div>
<div my-angular-component>Hi, I'm an angular component!</div>
<div class="somePageFooter">Welcome to my site!</div>
在这个特殊的场景中，
浏览 0提问于2018-07-19得票数 1
3回答
装饰器和指令在角度上有什么区别？
angular、angular-directive、angular-decorator
我对角上的指令和译码器感到很困惑。我以为任何以@作为前缀的东西都是一个装饰品，现在当我读到它说的指令时，组件就是一个指令。到底怎么回事？关于这一问题的任何澄清都将是有益的。
浏览 0提问于2019-09-09得票数 4
回答已采纳
1回答
角v4.3.3:除了@ViewChild之外，还有其他方法可以通过模板ID访问模板元素吗？
typescript、angular2-template
在早期版本中，这是使用@ViewChild获取元素引用的一种可接受的方法。
@ViewChild('#templateId') elementName: ElementRef;
从现在看来，这不再是一个可行的选择，因为@ViewChild正在寻找要注入的特定组件。
我尝试将ElementRef注入构造函数，但我试图处理的元素引用在模板中嵌套得很深。也许这是最好的解决方案，但我正在寻找更好的东西，如果可能的话。
浏览 1提问于2017-10-02得票数 0
回答已采纳
1回答
OrbitControls在Angular2和Three.js中未定义
javascript、angular、three.js
我无法让OrbitControls在我的Angular2应用程序中工作。我成功地展示了一个带有盒子的场景，但我无法移动相机。
我发现我的OrbitComponent (定义轨道控制)正在返回一个undefined值。
orbit.component.ts
import { Directive, Input } from '@angular/core';
import * as THREE from 'three';
import { OrbitControls } from 'three-orbit-controls';
@Directive
浏览 2提问于2017-08-11得票数 0
2回答
@Viewchild不在指令中工作，而是在组件中工作
angular、angular2-directives
我只是在玩“ViewChild/@ContentChild”，我惊讶地看到@ViewChild没有在指令中工作，并且在指令“它不起作用”中，component.But工作得很好。我尝试了AfterViewInit钩子，所以生命周期钩子不是原因。这里还有别的问题，请找下面的代码。
app.component.html
<div appMain >
<div #testContentDiv style="background-color: grey">
<p>This is the first p tag</p>
浏览 4提问于2017-05-26得票数 10
2回答
我使用Angular 9并使用ViewChild和ViewChildren来选择我的HTML文件中存在的元素。这两个函数中有支持类选择器的吗？据我所知，它们只适用于身份证。 @ViewChild('.foo') Foo: ElementRef; 任何替代方法也是好的，只是在函数执行期间，我希望能够访问所有的'Foo‘对象。 https://angular.io/api/core/ViewChild https://angular.io/api/core/ViewChildren 谢谢!
浏览 14提问于2020-07-18得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
