本文整理汇总了TypeScript中@angular/core.ViewChild函数的典型用法代码示例。如果您正苦于以下问题：TypeScript ViewChild函数的具体用法？TypeScript ViewChild怎么用？TypeScript ViewChild使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了ViewChild函数的8个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: test_comp_html
// a component template for testing other components, by full html template
test_comp_html(tmplt, cls, obs_pars = {}, static_pars = {}, outputs = {}) {
let cmp = class {
constructor() {
for (let k in obs_pars) this[k] = new BehaviorSubject(obs_pars[k]);
for (let k in static_pars) this[k] = static_pars[k];
for (let k in outputs) this[k] = outputs[k];
}
};
Reflect.decorate([Component({
// selector: 'test',
directives: [cls],
template: tmplt,
})], cmp);
Reflect.decorate([ViewChild(cls)], cmp.prototype, 'comp');
return cmp;
}示例2: directive
// -----------------------------------------------------------------------------------------------------
// @ Accessors
// -----------------------------------------------------------------------------------------------------
// Directive
@ViewChild(FusePerfectScrollbarDirective)
set directive(theDirective: FusePerfectScrollbarDirective)
{
if ( !theDirective )
{
return;
}
this._fusePerfectScrollbar = theDirective;
// Update the scrollbar on collapsable item toggle
this._fuseNavigationService.onItemCollapseToggled
.pipe(
delay(500),
takeUntil(this._unsubscribeAll)
)
.subscribe(() => {
this._fusePerfectScrollbar.update();
});
// Scroll to the active item position
this._router.events
.pipe(
filter((event) => event instanceof NavigationEnd),
take(1)
)
.subscribe(() => {
setTimeout(() => {
const activeNavItem: any = document.querySelector('navbar .nav-link.active');
if ( activeNavItem )
{
const activeItemOffsetTop = activeNavItem.offsetTop,
activeItemOffsetParentTop = activeNavItem.offsetParent.offsetTop,
scrollDistance = activeItemOffsetTop - activeItemOffsetParentTop - (48 * 3) - 168;
this._fusePerfectScrollbar.scrollToTop(scrollDistance);
}
});
}
);
}示例3: cellDiv
@ViewChild('cellDiv')
public set cellDiv(val: ElementRef) {
this.div = val.nativeElement;
this.processStyle();
}示例4: replyInput
@ViewChild('replyInput')
set replyInput(content: ElementRef)
{
this._replyInput = content;
}示例5: replyForm
@ViewChild('replyForm')
set replyForm(content: NgForm)
{
this._replyForm = content;
}示例6: consoleDiv
@ViewChild('consoleDiv')
public set consoleDiv(elem: ElementRef) {
this.div = elem.nativeElement;
}示例7: _listItems
@ViewChild('item')
set _listItems(item: ElementRef){
let cardView: any = item.nativeElement;
//cardView.shadowColor = new Color("#FF0000").android;
}示例8: target
// Component wormhole
// This is the target where the component will be rendered
@ViewChild('target', { read: ViewContainerRef })
set target(vcRef: ViewContainerRef) {
this.host = new WormholeHost(vcRef);
}