大佬教程收集整理的这篇文章主要介绍了AngularJS bootstrap.ui模式不显示,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
display:none
。
ui-bootstrap
with模板(ui-bootstrap-tpls.Js
)-可能会出现变灰的效果。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 your
bootstrap.CSS`。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,请注明来意。