本文整理汇总了TypeScript中@aurelia/runtime.CustomElementResource.keyFrom方法的典型用法代码示例。如果您正苦于以下问题：TypeScript CustomElementResource.keyFrom方法的具体用法？TypeScript CustomElementResource.keyFrom怎么用？TypeScript CustomElementResource.keyFrom使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类@aurelia/runtime.CustomElementResource的用法示例。
在下文中一共展示了CustomElementResource.keyFrom方法的5个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: registerComponent
export function registerComponent(container, ...components) {
for (const component of components) {
const name = component.description ? component.description.name : component.name;
container.register(component);
Registration.alias(CustomElementResource.keyFrom(name), component).register(container);
}
}示例2: FakeView
export function hydrateCustomElement<T>(Type: Constructable<T>, ctx: HTMLTestContext) {
const { container, dom } = ctx;
const ElementType: ICustomElementType = Type as any;
const parent = ctx.createElement('div');
const host = ctx.createElement(ElementType.description.name);
const renderable = new FakeView(ctx);
const instruction: IHydrateElementInstruction = {
type: TargetedInstructionType.hydrateElement,
res: 'au-compose',
instructions: []
};
dom.appendChild(parent, host);
const renderableProvider = new InstanceProvider();
const elementProvider = new InstanceProvider();
const instructionProvider = new InstanceProvider<ITargetedInstruction>();
renderableProvider.prepare(renderable);
elementProvider.prepare(host);
instructionProvider.prepare(instruction);
container.register(ElementType);
container.registerResolver(IRenderable, renderableProvider);
container.registerResolver(ITargetedInstruction, instructionProvider);
dom.registerElementResolver(container, elementProvider);
const element = container.get<T & ICustomElement>(
CustomElementResource.keyFrom(ElementType.description.name)
) as T & ICustomElement & InstanceType<typeof Type>;
element.$hydrate(LF.none, container, host);
return { element, parent };
}示例3: componentType
public componentType(context: IRenderContext): IRouteableCustomElementType {
if (this.component !== null) {
return this.component;
}
const container = context.get(IContainer);
const resolver = container.getResolver(CustomElementResource.keyFrom(this.componentName));
if (resolver !== null) {
return resolver.getFactory(container).Type as IRouteableCustomElementType;
}
return null;
}示例4: componentInstance
public componentInstance(context: IRenderContext): IRouteableCustomElement {
if (this.content === null) {
return null;
}
// TODO: Remove once "local registration is fixed"
const component = this.componentName();
const container = context.get(IContainer);
if (typeof component !== 'string') {
return container.get<IRouteableCustomElement>(component);
} else {
return container.get<IRouteableCustomElement>(CustomElementResource.keyFrom(component));
}
}示例5: enableTracing
import { Game } from './components/game';
import { Inventory } from './components/inventory';
import { Lobby } from './components/lobby';
import { enableTracing, TraceWriter } from './tracing';
enableTracing();
Tracer.enableLiveLogging(TraceWriter);
const container = HTMLJitConfiguration.createContainer();
container.register(
ViewportCustomElement as any,
NavCustomElement as any,
App as any,
Game as any,
Lobby as any,
About as any,
Contacts as any,
Contact as any,
Board as any,
Inventory as any,
Delayed as any,
Cancel as any,
);
const component = container.get(CustomElementResource.keyFrom('app'));
window['au'] = new Aurelia(container)
.register(DebugConfiguration)
.app({ host: document.querySelector('app'), component: component })
.start();