'Datatable with AngularJS in Tabs

I am trying to use datatable inside uib-tabs. But since angularjs loads the datatable once, I can't see the datatable in the 2nd tab. If the index value is earlier, the datatable is loaded first. how can i solve this problementer image description here

    <uib-tabset active="active"> <uib-tab 
                            heading="Onay Bekleyen Tweetler">
                        <div class="container" style="margin-top:40px;">
                            <table id="myTable" class="table table-striped" datatable="ng">
                                <thead>
                                    <tr>
                                        <th>Kullanıcı</th>
                                        <th>Oluşturulma Tarihi</th>
                                        <th>Seçenekler</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr ng-repeat="tweet in tweets">
                                        <td>{{tweet.creative}}</td>
                                        <td>{{tweet.create_date}}</td>
                                        <td><a type="button" id="target" class="btn btn-default"
                                            data-toggle="modal" data-target="#showTweetModal"
                                            ng-click="showTweet(tweet.description)">Tweet'i Gör</a> <a
                                            class="btn btn-primary"
                                            style="width: 90px; margin-left: 5px;"
                                            ng-click="sendTweet(tweet.id)">Onayla</a> <a
                                            class="btn btn-danger" style="width: 90px; margin-left: 5px;"
                                            ng-click="refuseTweet(tweet.id)">Reddet</a></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        </uib-tab> 
                        <uib-tab heading="Gönderilen Tweetler">
                            <div class="container" style="margin-top: 40px;">
                                <table id="myTable" class="table table-striped" datatable="ng">
                                    <thead>
                                        <tr>
                                            <th>Kullanıcı</th>
                                            <th>Gönderilme Tarihi</th>
                                            <th>Seçenekler</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr ng-repeat="tweet in confirmedTweets">
                                            <td>{{tweet.creative}}</td>
                                            <td>{{tweet.tweeting_date}}</td>
                                            <td><a type="button" class="btn btn-primary">Deneme</a></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            </uib-tab>
                        </uib-tabset>


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source