¿Hay algún relleno de polietileno disponible para la posición angular 2: pegajoso? He podido encontrar algunos, pero la mayoría de ellos están basados en jquery, parece que no hay una implementación disponible para angular 2:
https://github.com/wilddeer/stickyfill
Necesito saber el uso de la muestra con angular 2,
para Javascript es el siguiente:
var stickyElements = document.getElementsByClassName('sticky'); for (var i = stickyElements.length - 1; i >= 0; i--) { Stickyfill.add(stickyElements[i]); }Lo agregué como una directiva en el paquete angular 1.4 y npm "stickyfilljs":"^2.0.3"
import { Directive, ElementRef } from '@angular/core'; import * as Stickyfill from 'stickyfilljs'; @Directive({ selector: '[StickyPolyfill]' }) export class StickyPolyfillDirective { constructor(private elementRef: ElementRef) { } ngAfterViewInit() { Stickyfill.addOne(this.elementRef.nativeElement); } }Y en el componente tengo:
<div class="top-bar-container stickyMenu" StickyPolyfill>No olvides incluir sticky en CSS:
.stickyMenu { position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky; top: 0px; }No tiene nada que ver con Angular. Lo que está buscando es un Polyfill para manejar algo que no está implementado en un navegador, esto no está directamente vinculado con jQuery o Angular, solo está vinculado a su navegador.
El que vinculó es bueno, solo agréguelo a su proceso de compilación o a su matriz de activos si está usando Angular-CLI.
Puede usarlo simplemente declarando la variable como cualquier elemento, agregue esto al comienzo de uno de sus archivos ts:
declare var Stickyfill: any;