カルーセルの右スライドをボタンに適用する

Question

ご覧のとおり、範囲変数のユーザーから複数の行が読み込まれたテーブルがあります。ボタン（最後の列）がある列があります。このボタンをカルーセル右ボタンとして動作させたい各行には複数のボタンがあります。私は、すべてのボタンを右のカルーセルボタンとして動作させたい。クリックすると、現在のdivが左にスライドし、新しいdivが表示されます。現在のコードでは、現在のdivをスライドすることができますが、私は何を得るか分かりませんいくつかの退屈な、他のCSS効果と1つの長い詳細を表示ボタン（すべての行の列をカバーします）です。
これを達成する別の方法がありますか？

<tbody>
 
 
    <tr dir-paginate="user in users|orderBy:['state_name','fullname']|filter:{state_name:state_select.name}|itemsPerPage:10" pagination-id="byState">
 
 
    <td> 
 
     <img src="{{user.party_name}}" style="max-height: 10%;max-width: 10%;" /> 
 
    </td>
 
 
    <td>{{user.fullname}}</td>
 
 
    <td> 
 
     <img src="{{user.chamber_type}}" style="max-height: 8%;max-width: 7%;" />{{user.chamber_name}}</td>
 
 
    <td>{{user.district_name}}</td>
 
 
    <td>{{user.state_name}}</td>
 
 
    <td> 
 
     <button type="button" id="{{user.bioguide}}" href="#mySlider" data-slide="next" class="btn btn-primary right carousel-control" value="{{user.bioguide}}" ng-click="getLegislatorDetails($event);">View Details</button> 
 
    </td>
 
 
    </tr>
 
 
</tbody>


Answer 1

だけでボタンクラスからカルーセル・コントロールを除去することにより、作業それを手に入れました。

はこれにそれを変更： -

<td><button type="button" id="{{user.bioguide}}" href="#mySlider" data-slide="next" class="btn btn-primary right" value="{{user.bioguide}}" ng-click="getLegislatorDetails($event);">View Details</button></td>


申し訳ありませんが、このような愚かなことを投稿するため。