gpt4 book ai didi

javascript - AngularJS 模式对话框未打开

转载 作者:行者123 更新时间:2023-12-03 08:54:56 24 4
gpt4 key购买 nike

这让我发疯。大约一年前,我摸索着将一个网站转换为 AngularJS。我把它达到了宜居的状态,尽管有点俗气。我正在尝试添加一个新页面,它将使用模式对话框。我有可以使用的模式对话框的代码。由于某种原因,这个没有。我发现控制台中缺少调试信息非常令人恼火。无论如何,我希望我只是忽略了一些事情。我已经删除了 Controller 的内部内容...以及该事实的 HTML,因为这都不是必需的。

症状:我点击“创建警报”但没有任何反应。您可以看到页面本身 here .

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-sanitize.min.js"></script>
<script>

angular.module('myApp', ['ngSanitize'])
.controller("alertController", ['$scope','$http','$sce','$location', function($scope,$http,$sce,$location) {
$scope.data = "Hello World";
}]);

</script>
</head>
<body>

<div class="parent_column" style="min-width: 700px; max-width: 700px; margin: 50px auto;" data-ng-app="myApp" data-ng-controller="alertController">
{{data}}
<span id="openModal" class="modalDialog" style="padding: 3px;">
<div style="width: 250px;">
Modal!
<a href="#close" title="Close" class="close">X</a>
</div>
</span>

<div class="ggButton" style="line-height: 135%;"><a href="#openModal">Create Alert</a></div>

</div>

最佳答案

$location 服务正在将 url 更改为: http://www.gamengai.com/bad_popup.html#/openModal

但是 JQuery UI 需要: http://www.gamengai.com/bad_popup.html#openModal

配置$location服务不使用hashbang模式:

angular.module('myApp', [])
.config(function($locationProvider) {
$locationProvider.html5Mode({
enabled: true,
requireBase: false
});
$locationProvider.hashPrefix('!');
})
.controller("alertController", ['$scope','$http','$sce', '$location',
function($scope,$http,$sce, $location) {
$scope.data = "Hello World";
}]);

“$location服务有两种配置模式来控制浏览器地址栏中的URL格式:Hashbang模式(默认)和基于使用HTML5 History API的HTML5模式。应用程序在这两种模式和 $location 服务都将与适当的 URL 段和浏览器 API 配合使用,以方便浏览器 URL 更改和历史记录管理。”

https://code.angularjs.org/1.2.25/docs/guide/ $地点

或者,如果您不需要位置服务,您可以简单地从您的应用中删除 $location:

angular.module('myApp',[])
.controller("alertController", ['$scope','$http','$sce', function ($scope,$http,$sce) {
$scope.data = "Hello World";
}]);

更多信息请点击这里: https://code.angularjs.org/1.2.25/docs/guide/ $地点

将超链接从 href 更改为 ng-href:

<a ng-href="#close" title="Close" class="close">X</a>
<a ng-href="#openModal">Create Alert</a>

关于javascript - AngularJS 模式对话框未打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32544721/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com