I'm using slick slider as mentioned in the document and it's working fine. In HTML instead of adding each image one by one, I need to fetch data dynamically using ngfor loop in Angular.
Will slick slider support ngfor loop in HTML.
Because if I use ngfor slider is not working
Related
I'm wondering if anyone can help me with this two part problem.
I want to load all of the "swiper-slide" items inside this swiper container. They will only load if manualy scrolling through. I'm wondering if there's a way to force them to all be rendered using web-inspect console.
Is there a way to select one of the slides / button containers using inspect element console on a browser without resorting to using a headless browser.
Code / swiper slider / slides
Im trying to interact with a js rendered page. Essentially this is a free widget from tradingview; however, the color of the lines is not something I can change. (yes there is an override, however, it only affects 1 line) I need to be able to change 2 lines.
Trading View Advanced Chart Widget Constructor
Can anyone tell me if this is possible with a puppeteer? How can I get XPath for an element which is generated by JS? View source and developer tools do not provide any xpaths to the elements.
I display multiple v-card on my page so I want to set a pagination. I looked for v-pagination but with this component I can't work with my json data (or I didn't understand).
So I see v-data-iterator that I can send json data and I can see the pagination and sort.
But I want to use the v-pagination to replace the default pagination of the v-data-iterator.
It is possible or I have to build all the javascript logic to do my pagination with v-pagination ?
driver.executeScript("window.scrollTo(0, document.body.scrollHeight);"))
I have tried the above code but it returns window is not defined.
Data keeps on loading as I scroll down the page until the search data ends.
Try having a very large number instead of the scrollHeight attribute.
Something like this
browser.executeScript('window.scrollTo(0,10000);');
I am trying to render SVG graphics in run-time with no success. Only works if i put the SVG code inside the component's template.
I have tried it using the ComponentFactoryResolver and the ViewContainerRef's method createComponent. After that, the Renderer class (i'm trying to not use the nativeElement due the recommendations from Angular team), adding the namespace before the tagname: <svg:rect> and the selector property selector: ':svg:g[svg-box]'...
I am using Angular 2.0.0-rc.5. You can check it here https://plnkr.co/edit/HsqyQgFGwiIVVJIPu31k?p=preview
In both cases the generated HTML code is correct but it doesn't render anything.
Any ideas?
Thank you.
Finally i got it!!
Using the Renderer class, when we create SVG elements we have to add the following before the element's tag: :svg:tag. In my case:
this.SVGRenderer.createElement(this.parent.nativeElement, ":svg:rect");
You can check it in this plunker's version 3: https://plnkr.co/edit/HsqyQgFGwiIVVJIPu31k?p=preview
Now i'm trying to do the same using the ComponentFactoryResolver and the ViewContainerRef's method createComponent approach.