Я работаю над онлайн-курсами проекта.У меня есть несколько курсов извлечения данных с уникальным идентификатором.И мои курсы Id имеют изображения или видео.Когда я щелкаю по своему идентификатору курсов, он перенаправляется на эту страницу (код раздувания) на этой странице. У меня есть два раздела, один для изображений, а второй для видео, но я хочу скрыть раздел изображений при запуске идентификатора моего видеокурса и аналогично другой скрыть.,Пожалуйста, помогите мне.Заранее спасибо !!!
//pptLesson.html
<!-- Images Section -->
<section ng-show="isImageIdClicked">
<div class="container" >
<div class="row" ng-init="image()">
<div class="col-md-12" ng-repeat="img in images">
<div class="mySlides">
<!-- <div class="numbertext">{{img.id}}</div> -->
<img class="size-i" src="{{img.oe_images}}" ng-show="isActive($index)" type="image" style="width:100%;">
</div>
</div>
<div class="row">
<div class="col-md-12">
<a class="prev" ng-click="showPrev()" style="font-size:36px;">❮</a>
<a class="next" ng-click="showNext()" style="font-size:36px;">❯</a>
<div class="row paddi">
<div class="column" ng-repeat="img in images">
<div>
<img class="demo cursor border-demo" ng-src="{{img.oe_images}}" type="image" ng-show="isActive($index)"
style="width:100%; display: block !important;" data="{{img.id}}"
ng-click="currentSlide(img.id)" alt="{{img.oe_images}}" type="image">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Video Section -->
<section ng-show="isVideoIdClicked">
<div class="container" id="myCarousel" >
<div class="row" ng-init="image()">
<div class="col-md-12">
<div class="mySlides" ng-repeat="img in images">
<!-- <div class="numbertext">{{img.id}}</div> -->
<div>
<video width="100%" id="video" controls="controls" ng-show="isActive($index)">
<source ng-src="./assets/vdo/{{img.oe_images}}" type="video" type="video/mp4">
</video>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a ng-click="showPrev()" class="carousel left" href="#myCarousel" style="font-size:36px;float:left;padding: 50px 0px;">❮</a>
<a ng-click="showNext()" class="carousel right" href="#myCarousel" style="font-size:36px;float:right;padding: 50px 0px;">❯</a>
<div class="row paddi">
<div class="column" ng-repeat="img in images">
<div>
<video controls="controls" ng-src="./assets/vdo/{{img.oe_images}}"
type="video/mp4" ng-show="isActive($index)" style="width:100%"></video>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--./Video Section -->
Controller
/*-----Redirect to perticular course start by id---------*/
$scope.getCourse =function(id){
window.localStorage.setItem('id',id);
$window.location ="pptLesson.html";
};
/*-----./Redirect to perticular course start by id---------*/
/*-----PPT Images/Videos---------*/
$scope.image = function(){
var id=window.localStorage.getItem('id');
$http.get(baseURL+'pptImagesById/'+id).then(successCallback, errorCallback);
function successCallback(response){
console.log(response.data);
$scope.images=response.data;
window.localStorage.setItem('img_l',$scope.images.length);
console.log($scope.images.length);
}
function errorCallback(error){
console.log(error);
}
};
/*-----./PPT Images/videos---------*/