Question

正如您所看到的，我有一个表，其中包含从范围变量用户填充的多行。有一列有一个按钮（最后一列）。我希望这个按钮表现为旋转木马右键。每行将有多个按钮。我希望所有按钮都表现为正确的旋转木马按钮。单击它时，当前div应向左滑动，并且必须显示新div。使用当前代码，我可以滑动当前div，但我得到的是一个长视图详细信息按钮（覆盖所有行的列），带有一些我不想要的褪色和其他CSS效果。
还有其他方法可以实现这一目标。

<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> 

很抱歉发布了这么傻的事。

将旋转木马右滑动应用于按钮

1 个答案: