/** * @license * Copyright Google Inc. All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://angular.io/license */ import {Component, Directive, QueryList, ViewChild, ViewChildren} from '@angular/core'; @Component({selector: 'comp-for-child-query', template: 'child'}) export class CompForChildQuery { } @Component( {selector: 'comp-with-child-query', template: ''}) export class CompWithChildQuery { @ViewChild(CompForChildQuery) child: CompForChildQuery; @ViewChildren(CompForChildQuery) children: QueryList; } @Directive({selector: '[directive-for-query]'}) export class DirectiveForQuery { } @Component({ selector: 'comp-with-directive-child', template: `
{{data}}
` }) export class CompWithDirectiveChild { @ViewChildren(DirectiveForQuery) children: QueryList; divData: string[]; }