dynamically destroying elements as they become invisible and recreating them if they become visible again
Ive made a plnkr, but its not running.
http://plnkr.co/edit/Babysf1CcIa6AWI24Cgv?p=preview
I hope it helps maybe for the Beginning.
Yeah I can see that your Code works thats why I dont understand why It Erros on
The Differences are only the adaptions to go with my Application
http://plnkr.co/edit/Babysf1CcIa6AWI24Cgv?p=preview
app.js there I inject allways all Modules I needindex.html loading ui.scroll and moreexport.controller.js the Logic. As you can see its "nearly" like yours. Difference is I have to call the get()function in $on.init() otherwise its not called and I cant see the Error. Btw the Array is empty?export.html my Html for output. Everything works except no Output of the Example ListI hope it helps maybe for the Beginning.
Yeah I can see that your Code works thats why I dont understand why It Erros on
success.The Differences are only the adaptions to go with my Application
Your plunker does not work because of you can't load sources like <script src="bower_components/angular-ui-scroll/dist/ui-scroll.js"></script>. There are two options:
1) make pathes absolute (http://...)
2) add sources locally to the project (New file)
1) make pathes absolute (http://...)
2) add sources locally to the project (New file)
Im trying to create a Simple one with your code.
http://plnkr.co/edit/tKgf3GqeyOYefYNphEsv?p=preview
But it cant include the Libraries
Ive tried like the ui-bootstrap
And several other tries like
Allways Error Connect...
How can I include it? :/
http://plnkr.co/edit/tKgf3GqeyOYefYNphEsv?p=preview
But it cant include the Libraries
ui-scrollIve tried like the ui-bootstrap
And several other tries like
../../ui-scroll..raw.github/...cdn.rawgit/...github.com/ui-scrollAllways Error Connect...
How can I include it? :/
@atodicebear Here is the demo with rawgit sources attachments: https://plnkr.co/edit/Awcnyud2c2SIYUemLBjN
Please try it and build your own one based on it.
Please try it and build your own one based on it.
@dhilt could you help me with one more question?
I'm not sure if it's possible to implement with ui-scroll.
Now I have a markup like:
<div id="some-grid">
<div id="frozen-column">
<div ng-repeat="item in items">{{ item.name }}</div>
</div>
<div id="scrollable-column">
<div ng-repeat"item in items">{{ item.description }}</div>
</div>
</div>
"frozen-column" scroll is hidden and it depends on "scrollable-column" scroll. I replaced ng-repeat with ui-scroll and it doesn't work any more. Did I make a mistake and it can work? Or isn't it possible to do this with ui-scroll?
Hello everyone. I'm struggling to get the new versions to work. After half year pause I updated my code to the newest versions, but somehow ui-scroll doesn't want to work anymore like before. With 1.6.2 I get
$digest already in progress error, in 1.6.1 the adapter is not initialized. 1.4.1 was working best so far, but there a have the problem that the List is sometimes empty although the datasource returned items.
do you have plan for Angular 2? :)
@vietphu Not yet... you may try https://github.com/rintoj/angular2-virtual-scroll or https://material.angularjs.org/latest/demo/virtualRepeat
@tommck I'm not a css guru, may be this issue could be solved via css, but it certainly could be solved programmatically. Just get th-widths on each digest cycle and force them as values of td-widths. To avoid forcing it for all td-blocks of all rows, you may inject some service tr-block and update only its td's.
I notice that the table is not filled when I'm trying to find the TDs at first
this is on the uiScroll directive?
trying to make this resuable logic for other people on my team who tend to be less skilled
https://github.com/dhilt/ui-scroll-grid -- this is my old exercise, it includes playing with tables and widths. I know, it is excessive and outdated, but it may be helpful in your case.