Angular指令选择器不适用于外部库中的元素
是因为Angular的指令选择器是基于组件的，而外部库中的元素通常不是Angular组件。指令选择器用于在模板中标识和匹配特定的元素，以便将指令应用到这些元素上。
对于外部库中的元素，我们可以通过其他方式来操作和控制它们，例如使用JavaScript或jQuery等库来获取元素并进行操作。在Angular中，可以使用ViewChild或ViewChildren装饰器来获取对外部库中元素的引用，并在组件中进行相应的操作。
在处理外部库中的元素时，需要注意以下几点：
- 确保外部库已正确引入并加载，可以通过在index.html中引入外部库的脚本文件来实现。
- 使用ViewChild或ViewChildren装饰器来获取对外部库中元素的引用，可以通过元素的选择器或引用变量来获取。
- 在组件的生命周期钩子函数ngAfterViewInit中进行元素的操作，确保元素已经渲染完成。
- 根据外部库的API文档或官方文档，了解如何使用和操作外部库中的元素。
总结起来，虽然Angular的指令选择器不适用于外部库中的元素，但我们可以通过其他方式来操作和控制这些元素，例如使用ViewChild或ViewChildren装饰器来获取元素的引用，并在组件中进行相应的操作。
相关·内容
1回答
如何知道Angular 6中字符串的像素长度？
angular
我需要显示矩形内的文本，所有上面的一些特定的文字文本。要知道要显示的矩形的大小，我需要知道上面矩形所在单词的长度(以像素为单位)。
我知道知道是可能的，但我想知道在Angular 6中是否有可能在本地做这件事。
浏览 2提问于2019-03-21得票数 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
回答已采纳
2回答
动态元素使用ViewChild -角2和离子2
javascript、angular、ionic2、viewchild
我想使用我动态添加的多个。但我不能用@viewChild。请提出解决这个问题的方法。
Template.html :
<div *ngFor="let name of title;let i = index;">
<ion-slides id="something" #slides>
//some code
</ion-slides>
</div
Component.ts :
@ViewChild('slides') slides: QueryList<Slid
浏览 0提问于2018-02-01得票数 21
回答已采纳
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
回答已采纳
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回答
使用@viewchild访问多个视图孩子
angular
我已经创建了一个自定义组件，并将其放在for循环中。
<div *ngFor="let view of views">
<customcomponent></customcomponent>
</div>
它的输出将是：
<customcomponent></customcomponent>
<customcomponent></customcomponent>
<customcomponent></customcomponent>
我想知道当这
浏览 0提问于2016-10-21得票数 172
回答已采纳
2回答
什么是ViewChild？
angular、angular5、angular8
在组成部分中有声明：
export class GlossariesComponent implements OnInit {
@ViewChild(UploaderComponent, {static: false})
private uploader: UploaderComponent;
}
这是否意味着我引用了UploaderComponent组件的模板？
那么如何在当前组件模板中使用@ViewChild，现在没有地方在模板中使用它。
静电是什么意思？
浏览 1提问于2019-11-14得票数 0
回答已采纳
3回答
Angular2 -- @ TypeScript基类中的视图子类
angular、angular-routing、viewchild
我正在寻找@ ，并想知道是否有可能有一个基本的abstract class代替？而不是interface，是否有可能在子组件中有不同的基类实现，这些实现可以通过Angular2中的@ViewChild装饰器对父组件进行访问。
理想情况下，我希望有一种方法让通过父Router实例化的子组件能够调用父路由器--这有意义吗？我希望孩子能打电话给parentRouter.navigate(["SomeOtherRoute", { args: 'blah' }]);。
我最初的方法是让子组件实现一个基类，父组件将通过@ViewChild装饰器获得引用。父节点将对试图调用导
浏览 0提问于2016-04-25得票数 9
回答已采纳
4回答
从DOM元素中获取角分量类
angular
我相信对此的答案是“否”，但是在角度上是否有一种方法/服务可以传递组件的根DOM节点(例如<foo-component>)并接收组件实例(例如FooComponent)？
我找不到相关的帖子。
示例：
<foo-component id="foo"></foo-component>
const fooElement: HTMLElement = document.getElementById('foo');
const fooInstance: FooComponent = getInstanceFromElement(fo
浏览 4提问于2019-10-15得票数 7
1回答
对于组件交互，哪种方法是最佳的@输入、@输出或使用服务
angular6
对于组件交互，我在angular6中有一些查询。对于组件交互，我们有@Input、@Output、viewChild和services等方法。但大多数情况下我们将使用服务。
在什么情况下，我们需要使用@Input、@Output和viewChild来传递应用程序中的值
@Input、@Output和viewChild方法有什么限制吗？
我们可以使用@Input，@Output方法传递大量数据或值数组吗？
我们可以在本地范围内使用“输入”和“输出”吗？请帮助我澄清我的疑虑
浏览 0提问于2019-07-19得票数 1
回答已采纳
1回答
从父组件获取角形子组件的offsetHeight
angular
从父组件获取计算角度的子组件高度的最佳方法是什么？我有一个类似下面的组件
import { Component, ViewChild } from 'angular2/core';
(...)
@Component({
selector: 'my-app',
template: `
<h1>My Add Angular 8 app</h1>
<ng-container *ngFor="let item of list>
浏览 2提问于2020-05-14得票数 0
2回答
@ViewChild -角13上的初始化器错误
angular、parent-child、initializer、viewchild、angular13
我正在用角13创建应用程序，我想用show()从ParentComponent调用ChildComponent的方法，使用@ViewChild，但是我会出错。在这种情况下，旧的问题和答案不起作用。
亲本
<app-child #child></app-child>
@ViewChild('child') child: ChildComponent;
showChild() {
this.child.show();
}
儿童
show(){
console.log('show');
}
错误：
属性“子”没有初始化程序，并且没有
浏览 8提问于2022-01-21得票数 1
回答已采纳
1回答
无法导入NG2-选择SelectComponent
javascript、angular、select
我正在尝试修复valor-software库ng2-select中的一个问题，在将它安装到ng2-select的node_modules ( npm install --save ng2-select )中之后，我想使用@ViewChild注入SelectComponent作为子类，但是我总是没有定义。它看起来真的很琐碎，我在这个项目的github上看到了一些评论，而且它似乎对很多人都有用。我在angular/CLI project上，如果我需要添加更多的信息，请在评论中提及。谢谢。
node_modules
|
+ --ng2-select
|
浏览 7提问于2017-03-16得票数 2
回答已采纳
4回答
ViewChild in Angular2是什么？
javascript、typescript、angular
来自官方的。一个ViewChild
Configures a view query.
View queries are set before the ngAfterViewInit callback is called.
这个解释非常小，我仍然不太明白它是用来做什么的。
考虑一下我发现的一个博客中的。
删除@ViewChild(TodoInputCmp)对TodoInputCmp中的代码没有影响
有人能给我一些洞察力吗？
谢谢
浏览 6提问于2016-04-14得票数 30
回答已采纳
1回答
播放HTML 5视频并停止其他视频
html、angular、typescript、angular2-template
我使用HTML5在页面中显示了一个视频列表，但我想要的是，当我播放一个视频时，其他视频应该停止/暂停。
我使用的是Angular 2 TypeScript。
<video controls (click)="toggleVideo()" #videoPlayer>
<source class="embed-responsive-item" src="{{ video.url }}" type="video/mp4" />
Browser not supported
<
浏览 4提问于2017-08-14得票数 0
4回答
Angular 2提供了@ViewChild、@ViewChildren、@ContentChild和@ContentChildren装饰器来查询组件的后代元素。
前两个和后两个有什么不同？
浏览 86提问于2015-12-17得票数 235
回答已采纳
4回答
当一个角度分量可以被ngIf删除时，如何从打印文本中引用它？
angular、typescript、angular-material、angular-components
我有一个模板，它使用来自棱角材料的MatInput。我试图使用@ViewChild从代码中访问这个组件，这样我就可以编程地更改focused状态，但是当视图初始化时，这个MatInput并不存在--它的存在是由*ngIf指令决定的。基本上，当视图加载时，有一个带有文本的p元素。如果用户单击该元素，它将被替换为一个input，其中起始值是原始元素的文本。当它失去焦点时，它将被保存并返回到一个p元素。问题是，当他们第一次点击文本来改变文本时，创建的input没有焦点--他们必须再次单击它才能开始编辑。我希望他们能够点击一次并开始打字。
这是我的相关代码。
模板：
<mat-form-fiel
浏览 12提问于2018-01-03得票数 7
回答已采纳
1回答
视图子项的offsettop和offsetleft
angular、offset、viewchild
我在*ngFor中有一个动态创建的组件，如何在ViewChildren中获得偏移量和偏移量。
模板
<anchor #myanchor></anchor>
班级
@ViewChildren('myanchor') anchors: QueryList<any>;
这是ngAfterViewInit
ngAfterViewInit(){
this.anchors.map(i=>{ console.log(i); })
}
我能够通过ViewChild获得单个元素的位置，但需要ViewChildren的帮助。任何指针都将不胜感激。
浏览 13提问于2017-01-26得票数 2
2回答
我正在寻找一个有效的选择器列表，我可以使用这些选择器通过@ViewChild和@ContentChild访问子组件/ DOM元素。
假设我有个孩子HelloComponent
我知道我可以添加一个模板#ref并查询它，如下所示：
<hello #myHello></hello>
@ViewChild('myHello') myHello: HelloComponent;
或者我可以直接查找该组件(没有模板#ref)：
@ViewChild(HelloComponent) myHello: HelloComponent;
在中，可以使用以下选择器：
我
浏览 0提问于2018-03-07得票数 51
回答已采纳
1回答
创建动态图的Angular2组件/指令包装器
angular、dygraphs
我有一个现有的AngularJS应用程序，它使用一个指令“包装”DyGraphs JavaScript库，并且运行良好。
然而，我正在研究向Angular2的迁移，并且很难创建一个Angular2组件(或指令)来包装DyGraphs，并且一直无法找到任何有针对性的帮助。
我看过类似的图表库，以及这些库是如何包装的，并试图对DyGraphs进行同样的处理，但遇到了一些障碍。
对于如何继续执行这项任务，我将不胜感激，因为在不久的将来，我们可能需要包装许多其他JS库，包括Vis中的几个库。
在此之前，非常感谢您。
更新
关于蒂埃里的好答案，我重构了代码，如下所示：
index.html：
<h
浏览 3提问于2016-05-24得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
