本文整理汇总了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();
}