angular-docs-cn/modules/@angular/compiler-cli/integrationtest/src/queries.ts

/**
 * @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 {NgFor} from '@angular/common';
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: '<comp-for-child-query></comp-for-child-query>',
  directives: [CompForChildQuery]
})
export class CompWithChildQuery {
  @ViewChild(CompForChildQuery) child: CompForChildQuery;
  @ViewChildren(CompForChildQuery) children: QueryList<CompForChildQuery>;
}

@Directive({selector: '[directive-for-query]'})
export class DirectiveForQuery {
}

@Component({
  selector: 'comp-with-directive-child',
  directives: [DirectiveForQuery, NgFor],
  template: `<div>
     <div *ngFor="let data of divData" directive-for-query>{{data}}</div>
  </div>`
})
export class CompWithDirectiveChild {
  @ViewChildren(DirectiveForQuery) children: QueryList<DirectiveForQuery>;

  divData: string[];
}