本文整理匯總了TypeScript中aurelia-templating.ViewSlot.attached方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript ViewSlot.attached方法的具體用法？TypeScript ViewSlot.attached怎麽用？TypeScript ViewSlot.attached使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類aurelia-templating.ViewSlot的用法示例。
在下文中一共展示了ViewSlot.attached方法的3個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: compile
compile(element: HTMLElement, fragment: Element | DocumentFragment | string, context: any, overrideContext: any = undefined) {
element.classList.remove('au-target');
let view = this.viewCompiler.compile(fragment, this.resources).create(this.container);
let viewSlot = new ViewSlot(element, true, undefined);
viewSlot.add(view);
viewSlot.bind(context, overrideContext);
viewSlot.attached();
return viewSlot;
}示例2: ViewSlot
return this.viewEngine.loadViewFactory(templateUrl).then(x => {
let view = x.create(this.container);
let viewSlot = new ViewSlot(element, true, undefined);
viewSlot.add(view);
viewSlot.bind(ctx, undefined);
viewSlot.attached();
return viewSlot;
});示例3: show
show(target: Element) {
this._viewSlot.attached();
this._element.addEventListener('mouseenter', this.tooltipHovered.bind(this));
this._element.addEventListener('mouseleave', this.tooltipHovered.bind(this));
this._tether = new Tether({
element: this._element,
target,
classes: {
element: false,
target: false,
enabled: false,
},
classPrefix: 'tooltip',
attachment: 'bottom left',
constraints: [{ to: 'window', attachment: 'together' }]
});
this._tether.position();
}