Angular2 -简单的更改QueryList
Angular2是一种流行的前端开发框架，用于构建Web应用程序。它是Angular框架的第二个版本，具有许多改进和新功能。
QueryList是Angular2中的一个重要概念，它是一个用于查询和操作DOM元素或组件的集合的类。它类似于JavaScript中的数组，但具有额外的功能和方法。
QueryList的主要优势是可以方便地在模板中查询和操作DOM元素或组件。它可以通过在组件中使用@ViewChildren或@ContentChildren装饰器来创建。@ViewChildren用于查询组件视图中的元素或组件，而@ContentChildren用于查询组件内容中的元素或组件。
QueryList可以用于许多场景，包括：
- 动态添加或移除DOM元素或组件：通过使用QueryList，可以方便地查询和操作动态添加或移除的DOM元素或组件。
- 过滤和排序DOM元素或组件：QueryList提供了一些方法，如filter和sort，可以对查询到的元素或组件进行过滤和排序。
- 与其他Angular指令和功能结合使用：QueryList可以与其他Angular指令和功能（如ngFor和ngIf）结合使用，以实现更复杂的逻辑和交互。
腾讯云提供了一些与Angular2开发相关的产品和服务，包括：
- 云服务器（CVM）：提供可扩展的虚拟服务器实例，用于部署和运行Angular2应用程序。
- 云数据库MySQL版（CDB）：提供可靠的MySQL数据库服务，用于存储和管理Angular2应用程序的数据。
- 云存储（COS）：提供高可用性和可扩展性的对象存储服务，用于存储和分发Angular2应用程序的静态资源。
- 云网络（VPC）：提供安全可靠的私有网络环境，用于部署和运行Angular2应用程序。
更多关于腾讯云产品和服务的详细信息，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
1回答
Angular2 -简单的更改QueryList
angular
有没有办法在QueryList上进行简单的更改？我在一个查询列表中有一个子组件的列表。我想检查哪个子组件已经添加到列表中(在onchange事件中)。ContentChildren(forwardRef(() => ChildComponent), { descendants: true })当我点击一个按钮时，一个子组件就会被添加到dom中，因此q
浏览 2提问于2017-02-10得票数 1
我希望创建一个目录树，并且可以访问所有项，而不管级别如何，但是当我动态添加第二级子级时，@ViewChildren/@ViewQuery的QueryList没有更新：import {Component, View, QueryList,ViewQuery, Query,ViewChildren}from 'angular2/cor
浏览 3提问于2016-01-29得票数 8
2回答
类本身可以看到转译的内容吗？
typescript、angular、transclusion
因此，在Angular2中，以下操作非常简单： selector: 'some',}) template;}你会得到这样的结果： <h2>Header Text!的字符串的for
浏览 1提问于2015-07-15得票数 2
1回答
检查HtmlElement是否有指令
dart、angular-dart
我有两个指令，一个可排序指令和一个SortableItem指令，一旦SortableItem中的onDrop触发，我将在可排序父级上调用一些绑定函数。问题是，drop事件的目标是SortableItem元素中的某个元素，因此，我需要找到被用作下拉区域的原始SortableItem。我是通过循环遍历event.target的父元素并检查元素是否有SortableItem的属性选择器来做到这一点的，但是，我觉得这不是正确的方法。
浏览 1提问于2017-03-15得票数 1
回答已采纳
1回答
如何获得对Angular2模板中特定组件的引用？
dart、angular
我知道Angular2有@ViewQuery来获得与给定类型匹配的组件的QueryList。但是是否有一种方法可以在此QueryList中获得对特定组件的引用？现在，我认为唯一能做到这一点的方法是给组件一个额外的"id“字段，然后遍历QueryList并检查标识符是否是我想要的，例如：
getComponentById(QueryList<HasIdField> que
浏览 3提问于2015-08-30得票数 3
回答已采纳
1回答
如何使用@查询？
javascript、angular
我正在尝试使用@Query获取有关模板中某个元素的一些信息。但我似乎没办法让它起作用。我试过这样做： way看上去像这样， `{
constructor(@Query('banner') ban
浏览 2提问于2016-03-25得票数 1
回答已采纳
我正在尝试重新创建以下柱塞：，但是当我在Angular2中有以下代码时，我会得到错误消息“'QueryList‘类型的参数不能分配给’string‘类型的参数”。
浏览 2提问于2017-02-01得票数 1
回答已采纳
1回答
ngModel与聚合物滴下的结合(Angular2)
angularjs、typescript、angular、polymer、polymer-1.0
现在我在这里被困在<paper-dropdown-menu>的场景中，我可以捕获纸张下拉( is )，但不能绑定双向，也就是说，使用下面的ngModel是HTML和自定义访问器类。<paper-item value="3" ngDefaultControl>Chivas</paper-item></paper-menu>和我的自定义访问器类Query, Render
浏览 1提问于2016-05-13得票数 1
回答已采纳
2回答
如何从Angular 2中的QueryList获取子元素？
angular、viewchild
我是Angular2的新手。在我看来，在*ngFor中生成的相同的子代很少。<processing-item [client]="client"></processing-item></ngb-panel>@ViewChildren(ProcessingItemComponent) proc
浏览 3提问于2017-08-16得票数 25
回答已采纳
2回答
如何从Angular2中的父组件类访问子组件类？
typescript、angular
例如：@View({template:{ }在本例中，如何从Child组件的构造函数或回调函数调用Parent组件的doSomething()方法。
浏览 3提问于2015-11-02得票数 4
回答已采纳
1回答
动态创建带有自定义html的组件
angular
我有一个包含组件的数组(例如)：所有过滤器(也称为组件)都表示它们自己的创建/呈现这些组件的最佳方法是什么？我想在这个数组中维护这些组件。这样我就可以循环遍历所有组件(过滤器)，并为每个组件调用一个函数applyFilters()。(战略设计模式)。我不认为为每个过滤器指定一个指令不是一个好的解决方案。做这件事最好的方法是什么？
浏览 2提问于2016-09-07得票数 0
回答已采纳
为了在ComponentResolver.resolveComponent中使用它，我需要在ngFor循环中创建唯一的锚定名称/组件。<div #uniqueanchorname{{vIndex}}_{{hIndex}}></div> </tr></div>loader.loadIntoLocation(re
浏览 2提问于2015-10-07得票数 8
回答已采纳
1回答
我希望使用Angular2中的@ContentChildren在向导中导航。但是当我使用它时，我有一个错误："zone.js?fad3:158 Uncaught :无法为"ExtendedWizard“的属性”步骤“构造查询，因为查询选择器没有定义。”wizard.component.ts
@Componentng-content&
浏览 4提问于2016-11-14得票数 3
回答已采纳
1回答
角2子分量未正确检测到变化
angular、typescript
new Command( null false当值达到10时，第一个按钮实际上会禁用自己，但是当我将值重置为0时，即使输出中的所有内容看起来都正常truebtnClass: btn btn-outline-info btn-block值是这样设置的：;markForCheck也不起作用，所以除了通过ElementRef自己处理DOM之外，我真的不知道该做什么(已经尝试过了
浏览 1提问于2016-10-18得票数 2
回答已采纳
2回答
基于元素类的Angular2 QueryList
javascript、html、angular、layout
这将适用于id或组件，但不适用于基于类的查询，即classedViewItems和classedContentItems selector: 'my-container><ng-content><ng-content></div>'export class MyContainer { @ContentChildren(MyI
浏览 3提问于2016-10-25得票数 9
回答已采纳
3回答
在angular 2中选择带有1个散列选择的viewchild
angular、typescript、angular2-directives、viewchild
有没有用相同的标签在同一层内选择多个标签的技巧？<div #el></div>总是给出“引用"#el”被定义多次“的错误信息。
浏览 2提问于2017-09-15得票数 0
1回答
如何从父组件提交表单？
typescript、angular
在子组件中有一个表单，我想从父组件提交表单，我试图从父组件调用子组件中的函数，但我没有成功。我在这里做了一个柱塞演示，，这是我在父组件中调用函数的方式constructor(fb: FormBuilder){}this.childcmp.onSubmit();这是我在子组件中的代码console.
浏览 3提问于2016-01-30得票数 2
回答已采纳
1回答
如何从闪亮的textInput中更新字符向量？
r、shiny、shiny-reactivity
每次单击按钮时，我都想将输入文本添加到一个闪亮的应用程序中的向量中。下面是我正在使用的示例：ui <- fluidPage( queryList[length(queryList)+1] <- input$inquiry
output$<e
浏览 0提问于2019-03-06得票数 2
回答已采纳
3回答
获取对父组件中的子组件的引用
angular、typescript、angular-template
但是，我想获取一个子组件的副本，以便在父组件中使用，调用它的函数或其他任何东西。//our child
浏览 2提问于2016-03-16得票数 59
回答已采纳
2回答
角度2-是否仅允许在子元件中布线？
angularjs、angular、angular2-routing
但是，我没有弄清楚页面内容组件，因为它包含到不同视图的路由(只有页面的主要内容改变，页眉、页脚和左侧导航保持不变)。我不知道为什么？任何关于这方面的想法都会有很大的帮助。我的boot.ts：import {provide} from 'angular2/core'Output, SimpleChange, EventEmitter
浏览 2提问于2016-06-23得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
