程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了AngularJS bootstrap.ui模式不显示大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决AngularJS bootstrap.ui模式不显示?

开发过程中遇到AngularJS bootstrap.ui模式不显示的问题如何解决?下面主要结合日常开发的经验,给出你关于AngularJS bootstrap.ui模式不显示的解决方法建议,希望对你解决AngularJS bootstrap.ui模式不显示有所启发或帮助; @H_404_0@之前有完全相同的症状。不记得确切的细节,但是我认为主要的问题是模态实例始终具有display:none

  1. 确保您使用ui-bootstrapwith模板(ui-bootstrap-tpls.Js)-可能会出现变灰的效果。
  2. 在最底部ui-bootstrap-tpls.Js的@H_546_2@modal模板中(您可以通过“ template / modal / window.HTML”找到它)并在其中添加style="display:block". If it will not Help try to match CSS classes of the template against yourbootstrap.CSS`。
@H_404_0@我个人使用的一些自定义版本bootstrap3,现在将它们作为模板:

angular.module("template/modal/BACkdrop.HTML", []).run(["$templateCache", function($templateCachE) {
  $templateCache.put("template/modal/BACkdrop.HTML",
    "<div class=\"modal-BACkdrop fade\" ng-class=\"{in: animatE}\" ng-style=\"{'z-index': 1040 + index*10}\" ng-click=\"close($event)\"></div>");
}]);

angular.module("template/modal/window.HTML", []).run(["$templateCache", function($templateCachE) {
  $templateCache.put("template/modal/window.HTML",
    "<div class=\"modal fade {{ windowClass }}\" ng-class=\"{in: animatE}\" style='display:block;z-index:1050'  ng-transclude></div>");
}]);
@H_404_0@ 您可以轻松地从设置为的bootstrap.CSS类@H_546_2@modal(及其子类)中的所有样式中删除- 仅隐藏DOM元素,而将其完全删除。display``none``bootstrap``ui-bootstrap

解决方法

我正在尝试使用AngularJS bootstrap.ui显示模式对话框。当我执行$
modal.open(&Hellip;)时,屏幕变灰,并且我的templateUrl中的html从服务器调用,但是没有模式显示。当我单击灰色区域时,模态“关闭”,即灰色区域消失,屏幕再次看起来正常。我无法弄清楚为什么看不到任何模态屏幕。

我正在尝试遵循本教程: Angular指令

我正在使用Visual studio 2013,MVC 5,AngularJS 1.2.2。

我正在使用VS项目随附的bootstrap.css。它具有模态类。我没有从Javascript控制台报告任何错误。我的应用程序定义如下:

var blogApp = angular.module('blogApp',['ngresource','ngSanitize','ui.bootstrap']) ...

blogApp.controller('blogController',function blogController($scope,$modal,$log,blogData,userData) {

    ...

    $scope.showPrivacy = function() {
        $modal.open({
            templateUrl: '/Privacy',controller: 'PrivacyInstanceController'
        });
        return false;
    };
});


var PrivacyInstanceController = function($scope,$modalInstancE) {
    $scope.close = function() {
        $modalInstance.close();
    };
}

我的标记是:

<div ng-controller="blogController">
        <a ng-click="showPrivacy()">Privacy Policy</a>
    </div>

知道为什么我的屏幕变灰,/ Privacy资源被加载并且单击灰色时屏幕恢复正常,但是没有模态出现吗?

大佬总结

以上是大佬教程为你收集整理的AngularJS bootstrap.ui模式不显示全部内容,希望文章能够帮你解决AngularJS bootstrap.ui模式不显示所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: