Angularjs angular UI引导:是否单击进度条?

Angularjs angular UI引导:是否单击进度条?,angularjs,angular-ui-bootstrap,Angularjs,Angular Ui Bootstrap,我试图使用引导UI进度条组件来显示音频播放器的运行时间 我想知道是否有一种方法可以将进度条绑定到用户操作,如ng click并返回单击“单击”的新值。这将帮助我为音频播放器实现搜索功能 任何建议都将不胜感激。我不认为bootstrap UI进度条提供了您想要的功能。但是您可以通过使用MouseEvent的offsetX或offsetY来实现seek函数,方法如下: 模板: <div ng-click="tracksCtrl.handleProgressBarClick($event)"&g

我试图使用引导UI进度条组件来显示音频播放器的运行时间

我想知道是否有一种方法可以将进度条绑定到用户操作,如ng click并返回单击“单击”的新值。这将帮助我为音频播放器实现搜索功能


任何建议都将不胜感激。

我不认为bootstrap UI进度条提供了您想要的功能。但是您可以通过使用
MouseEvent
offsetX
offsetY
来实现seek函数,方法如下:

模板:

<div ng-click="tracksCtrl.handleProgressBarClick($event)">
  <progressbar value="tracksCtrl.playingProgress" type="danger"></progressbar>
</div>
handleProgressBarClick: function(e) {
  var fullProgressBarWidth = $(e.currentTarget).width();
  var requestedPosition = e.offsetX / fullProgressBarWidth * 100;
  setPlayerPercent(requestedPosition);
}