用angular js引导模式来播放视频和图像滑块

Question

我想在引导模式中显示视频列表。当用户点击列表中的任何视频时，该视频应该只在模式中播放。同样，我想在模态中显示专辑，在点击特定专辑时，我想在相同的模态中显示幻灯片，为此，我使用angular js和Codeigniter与bootstrap。请帮帮我。

Answer 1

这不是一个非常描述性的问题，但我建议你看看Angular UI的Bootstrap指令。

我经常使用他们的模态指令，能够为模态指定模板和控制器是无价的，当它涉及到你正在描述的事情时。

更新以解决您的评论:

我不知道$scope在哪里。hall_videos来自，但是您需要使用resolve属性来返回正确的视频。例如，如果$scope.hall_videos是一个对象，其中键是id，值是视频数组，如下所示:

$scope.hall_videos = {
  '1': ['video1', 'video2'],
  ...
  '7': ['video14', 'video15']
};

你可以像这样填充正确的视频:

$scope.open = function (size, id) {
  var modalInstance = $modal.open({
    templateUrl: 'video_gallery.html',
    controller: 'HomeCtrl',
    size: size,
    resolve: {
      hall_videos: function () {
        var videos = [];
        angular.forEach($scope.hall_videos, function(video) {
          if (video.hall_info_id === id) {
            videos.push(video);
          }
        });
        return videos;
      }
    }
  });
};