在mvc和angular js项目中打开弹出模式

时间:2017-10-11 12:40:09

标签: angularjs model-view-controller modal-dialog

我正在使用Project MVC,Angular js 我有一个问题,我显示模态和启动乐趣我在用户选择他的主题,然后打开弹出模式与问题的基础上加载一些问题 但我不知道模态开放但没有任何疑问 首先我加载技能页面并从该页面用户选择他的主题,然后打开弹出模式 搜索之后我认为问题是因为当技能页面加载时模态加载所以在打开模态后没有问题出现 我怎样才能重新加载模态或解决这个问题 提示:当在init中传递函数时,它的值有效并出现问题,但是当pas值值正确传递并且beduge正确但弹出窗口为empity时 例如 ng-init =" ReadQuizQuestions(11,true)" 工作得好,但什么时候 ReadQuizQuestions(secItem.Id,secItem.hasQuiz)不起作用 任何人都可以帮我解决这个问题

在技能页面

       <div class="badge_unit heading_font video_course_preview" ng-
        click="ReadQuizQuestions(secItem.Id,secItem.hasQuiz)"></div>
角度js文件中的

$scope.ReadQuizQuestions = function (id,hasQuiz) {
if (hasQuiz == true) {
ShowPleaseWait();
QuizService.ReadQuiz(QuizId).success(function (res) {
.
.
.
 .......
$('#QuizModal').modal('show');
        });

        HidePleaseWait();

    }
}

提前致谢

1 个答案:

答案 0 :(得分:1)

在这个例子中,我将参数从我的控制器传递给模态(问题列表)

要传递参数,您需要使用resolve并在modal的控制器中注入项目。

$modal.open({
    emplateUrl: 'myModal.html',
    controller: 'ModalDialogController', 
       resolve: {
          questionsList: function () {
          return $scope.questionsList;
       }
    }
   })
   .result.then(function(result) {
       alert(result);
   });

选择问题并验证我使用

将所选值重新输入控制器
$scope.ok = function () {
   $modalInstance.close($scope.modal.selectedName);
};

This is a full exemple