0

我有一个模板，它显示与锻炼相关的数据，即锻炼名称、强度级别、描述等，以及一个用于提交对该特定锻炼评分的按钮。

所有这些数据都是从后端从我的“videoCtrl”调用 API 端点获取的，如下所示：

.controller('videoCtrl', function($scope,$stateParams, $http, $ionicPopup, djangoAuth) {

$scope.exercise_type='';
$scope.exercise_description='';
$scope.exercise_video_url='';

/**  To fetch the initial set of exercises **/
$http.get("/api/exercises/get_exercise/").then(function(response){

  $scope.initial_data=response.data;

  angular.forEach($scope.initial_data, function(item){

            $scope.exercise_type=item.exercise_type;
            $scope.intensity_level=item.intensity_level;
            $scope.exercise_description=item.description;
            $scope.exercise_video_url=$sce.trustAsResourceUrl(item.video_url);

           })
});

//Function to play next video
$scope.playNextTest = function(){

 var confirmPopup = $ionicPopup.confirm({
  title: 'Confirm!',
  template: 'Are you sure about your rating?'
 });

 confirmPopup.then(function(res) {
 if(res) {

   $scope.isDisabled = true; 
   console.log('You are sure');
 } else {
   console.log('You are not sure');
 }
});     
};

单击按钮时，我要求确认，如果用户说是，则向不同的 API 端点发送另一个请求以执行某些操作。

我想在单击按钮后以某种方式刷新页面，以便再次加载控制器并且我得到列表中的下一个练习。

如何才能做到这一点？

我的模板看起来像这样：

<div align="center">
  <h4>Intensity level is {{intensity_level}}</h4>
</div>

<div align="center" class="card" >
  <span class="info"><button class="button button-clear ion-information" ng-click="showBestStretchAlert()"></button></span>
    <p>       

     {{exercise_description}}

    </p>
</div>

  <!-- Div that  shows the video -->

  <div>{{exercise_video_url}}
    <iframe margin="0" padding="0" border="none" width="420" height="345" frameBorder="0"
      ng-src="{{exercise_video_url}}">
    </iframe>  
  </div>

  <div >
    <div class="row">
      <div class="col-33">
       <!--First happy smiley-->
        <ion-radio ng-model="emotion" ng-value='H' ng-disabled="isDisabled" ng-click="playNextTest()">
          <div class='smiley-green floatleft'>
            <div class='left-eye'></div>
            <div class='right-eye'></div>
            <div class='smile'></div>
          </div>
        </ion-radio>
      </div>
4

0 回答 0