本文整理匯總了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);
}