当一个按钮被按下时，如何弹出？
当一个按钮被按下时，如何弹出？
提问于 2015-09-29 09:26:45
我试着用angualrjs.I弹出一个弹出。我已经试过了，但是无法在下面得到一个pop up..The，这是我的源代码。
//HTML file
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script src=angularfiles/angular.min.js"></script>
<script src="bootstrap/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ng-dialog/0.5.1/js/ngDialog.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ng-dialog/0.5.1/css/ngDialog.css"></script>
<script src="jsfiles/console.js"></script>
</head>
<body ng-app="myapp" ng-controller="controller" >
<div class="container-fluid col-lg-2" style="background-color:#848482;padding-top:25px;height:657px">
<!-- <button class="btn btn-primary" style="background-color: black;" ng-click="">Controlls</button> -->
<h4>Controlls:</h4>
<button class="btn btn-primary" ng-dialog="firstDialogId"
ng-dialog-controller="InsideCtrl"
ng-dialog-data="{{jsonData}}"
ng-dialog-class="ngdialog-theme-default"
ng-dialog-show-close="false">Open via directive</button>
</div>
</body>
</html>
//js file
var app=angular.module("myapp",['ngDialog']);
myapp.controller("controller",["$scope",function($scope){
$scope.clickme=function(){
console.log("hi");
ngDialog.open({
template: 'externalTemplate.html',
controller: 'SomeController'
});
};
}]);在这里，单击事件不会触发，当我单击button..Here时，我也使用了bootstrap.Can，请解决这个问题。
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-09-29 10:23:08
首先，我想在这里指出几个错误。
- 使用链接标签添加外部css文件。
- 您已经创建了myapp角模块，它的引用变量是
var app=angular.module("myapp",['ngDialog']);，但是注册控制器时使用了myapp.controller("controller",["$scope",function($scope){myapp，这是不正确的。 - 在这里，您试图按一下按钮打开ngDialog，但是在html模板中没有指定
ng-click属性。 - 如果我认为您正在尝试使用指令实现ngDialog，那么首先查看文档。
- 给出合适的ngDialog模板路径。在这里，您没有添加模板。
- 在配置模块
['ngDialog']时，这意味着您可以在app中使用该模块，但是如果您想要该模块的引用，则需要在控制器中注入该模块。它被称为依赖注入，这里缺少它。 - 您在这里提到了两个控制器'SomeController'and 'InsideCtrl‘，但是这些控制器在myapp模块中注册了吗？
- 使用任何一种方法，无论是通过指令还是通过控制器，不要同时使用这两种方法。
为了你更好的理解，我为你创建了这个演示。通过它，并让我知道，如果你有任何混乱的理解。
Stack Overflow用户
发布于 2015-09-29 09:31:45
在ng-click="clickme"控件中添加button属性。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32840426
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号