本文整理汇总了TypeScript中@glimmer/runtime.ElementOperations类的典型用法代码示例。如果您正苦于以下问题:TypeScript ElementOperations类的具体用法?TypeScript ElementOperations怎么用?TypeScript ElementOperations使用的例子?那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。
在下文中一共展示了ElementOperations类的3个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: didCreateElement
didCreateElement({ component, classRef, environment }: ComponentStateBucket, element: Element, operations: ElementOperations): void {
setViewElement(component, element);
let { attributeBindings, classNames, classNameBindings } = component;
if (attributeBindings && attributeBindings.length) {
applyAttributeBindings(element, attributeBindings, component, operations);
} else {
operations.addStaticAttribute(element, 'id', component.elementId);
IsVisibleBinding.install(element, component, operations);
}
if (classRef) {
// TODO should make addDynamicAttribute accept an opaque
operations.addDynamicAttribute(element, 'class', classRef as any, false);
}
if (classNames && classNames.length) {
classNames.forEach((name: string) => {
operations.addStaticAttribute(element, 'class', name);
});
}
if (classNameBindings && classNameBindings.length) {
classNameBindings.forEach((binding: any) => {
ClassNameBinding.install(element, component, binding, operations);
});
}
component._transitionTo('hasElement');
if (environment.isInteractive) {
component.trigger('willInsertElement');
}
}
示例2: applyAttributeBindings
// We must traverse the attributeBindings in reverse keeping track of
// what has already been applied. This is essentially refining the concatenated
// properties applying right to left.
function applyAttributeBindings(element: Simple.Element, attributeBindings: any, component: Component, operations: ElementOperations) {
let seen: string[] = [];
let i = attributeBindings.length - 1;
while (i !== -1) {
let binding = attributeBindings[i];
let parsed: [string, string, boolean] = AttributeBinding.parse(binding);
let attribute = parsed[1];
if (seen.indexOf(attribute) === -1) {
seen.push(attribute);
AttributeBinding.install(element, component, parsed, operations);
}
i--;
}
if (seen.indexOf('id') === -1) {
operations.addStaticAttribute(element, 'id', component.elementId);
}
if (seen.indexOf('style') === -1) {
IsVisibleBinding.install(element, component, operations);
}
}
示例3:
classNames.forEach((name: string) => {
operations.addStaticAttribute(element, 'class', name);
});