在 mvc 和 Angular js 项目中打开弹出模式答案

【问题标题】：open pop up modal in mvc and angular js project在 mvc 和 Angular js 项目中打开弹出模式
【发布时间】：2017-10-11 12:40:08
【问题描述】：

我正在开发 MVC 项目，Angular js 我有一个问题，我显示模态并且在启动乐趣时，我根据用户选择他的主题加载了一些问题，然后打开带有问题的弹出模态但我不知道模态打开但没有任何疑问首先我加载技能页面，从这个页面用户选择他的主题，然后弹出模式打开搜索后我认为问题是因为在技能页面加载时加载了模式所以在打开模式后没有出现任何问题我怎样才能重新加载模态或解决这个问题提示：当在 init 中传递函数的值时它起作用并且出现问题但是当 pas 值正确传递并且 beduge 是正确的但弹出窗口打开为空例如 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();

    }
}

提前致谢

【问题讨论】：

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

【解决方案1】：

在这个例子中，我将参数从我的控制器传递到模式（问题列表）

要传递参数，您需要使用解析并在模态控制器中注入项目。

$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

【讨论】：