本文整理汇总了TypeScript中@angular/core.asNativeElements函数的典型用法代码示例。如果您正苦于以下问题:TypeScript asNativeElements函数的具体用法?TypeScript asNativeElements怎么用?TypeScript asNativeElements使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了asNativeElements函数的2个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: beforeEach
beforeEach(fakeAsync(() => {
fixture = testModule.createComponent(TypeaheadContainerComponent);
component = fixture.componentInstance;
component.parent = { typeaheadOptionsInScrollableView: 3, typeaheadScrollable: true } as TypeaheadDirective;
fixture.detectChanges();
tick(1);
component.query = 'a';
component.matches = [
new TypeaheadMatch({ id: 0, name: 'banana', category: 'fruits' }, 'banana'),
new TypeaheadMatch({ id: 1, name: 'apple', category: 'fruits' }, 'apple'),
new TypeaheadMatch({ id: 2, name: 'orange', category: 'fruits' }, 'orange'),
new TypeaheadMatch({ id: 3, name: 'pear', category: 'fruits' }, 'pear'),
new TypeaheadMatch({ id: 4, name: 'pineapple', category: 'fruits' }, 'pineapple'),
new TypeaheadMatch('berries', 'berries', true),
new TypeaheadMatch({ id: 5, name: 'strawberry', category: 'berries' }, 'strawberry'),
new TypeaheadMatch({ id: 6, name: 'raspberry', category: 'berries' }, 'raspberry'),
new TypeaheadMatch('vegatables', 'vegatables', true),
new TypeaheadMatch({ id: 7, name: 'tomato', category: 'vegatables' }, 'tomato'),
new TypeaheadMatch({ id: 8, name: 'cucumber', category: 'vegatables' }, 'cucumber')
];
fixture.detectChanges();
tick(1);
// component.ngAfterViewInit();
let headers = fixture.debugElement.queryAll(By.css('.dropdown-header'));
if (headers) {
headerMatch = asNativeElements(headers);
}
itemMatches = asNativeElements(fixture.debugElement.queryAll(By.css('.dropdown-menu li:not(.dropdown-header)')));
containingElementScrollable = asNativeElements(fixture.debugElement.queryAll(By.css('.dropdown-menu')));
}));
示例2: beforeEach
beforeEach(() => {
component.query = 'fo';
component.matches = [
new TypeaheadMatch({id: 0, name: 'foo'}, 'foo'),
new TypeaheadMatch({id: 1, name: 'food'}, 'food')
];
fixture.detectChanges();
matches = asNativeElements(fixture.debugElement.queryAll(By.css('.dropdown-menu li')));
});