Javascript ngDialog在单击时未显示模式，并且浏览器控制台上未显示错误_Javascript_Angularjs

Javascript ngDialog在单击时未显示模式，并且浏览器控制台上未显示错误

javascript angularjs

Javascript ngDialog在单击时未显示模式，并且浏览器控制台上未显示错误,javascript,angularjs,Javascript,Angularjs,我正在尝试使用ngmodal在angularjs中实现一个模式弹出窗口。代码运行时，浏览器控制台上没有返回任何错误，但单击模式时不会发生任何事情。下面是我的尝试和代码 Index.html文件 <html ng-appp="myApp"> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"> <script src="ngDia

我正在尝试使用ngmodal在angularjs中实现一个模式弹出窗口。代码运行时，浏览器控制台上没有返回任何错误，但单击模式时不会发生任何事情。下面是我的尝试和代码

Index.html文件

<html ng-appp="myApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js">
<script src="ngDialog.js"></script>
<link src="ngDialog.css"></link>
<script src="ngDialog.min.js"></script>
<script src="app.js"></script>
</head>
<body>

<div ng-controller="MyCtrl">

    <button ng-click="clickToOpen()">My Modal</button>

    <script type="text/ng-template" id="templateId">

        <div id="target" ng-click="test()" ng-controller="tt">
          Click here
        </div>
    </script>

</div>

</body>
</html>

教程来源请协助查看HTML页面。你没有把ng应用程序

<!DOCTYPE html>
<html lang="en">
 <head>
 <script src="Scripts/angular.js"></script>
<script src="Scripts/ngDialog.js"></script>
<script src="Scripts/app.js"></script>
<link href="Content/ngDialog.css" rel="stylesheet" />
<link href="Content/ngDialog-theme-default.css" rel="stylesheet" />
<title></title>
</head>
 <body>
<div ng-app="myApp">
<div ng-controller="MyCtrl">
<button ng-click="clickToOpen()">My Modal</button>
 </div>

<script type="text/ng-template" id="templateId">
<div ng-controller="tt" class="ngdialog-message">
    <button ng-click="test()">Click here </button>
</div>
</script>
</div>

如果发现任何问题，请告诉我。（我添加了ngDialog-theme-default.css）

<!DOCTYPE html>
<html lang="en">
 <head>
 <script src="Scripts/angular.js"></script>
<script src="Scripts/ngDialog.js"></script>
<script src="Scripts/app.js"></script>
<link href="Content/ngDialog.css" rel="stylesheet" />
<link href="Content/ngDialog-theme-default.css" rel="stylesheet" />
<title></title>
</head>
 <body>
<div ng-app="myApp">
<div ng-controller="MyCtrl">
<button ng-click="clickToOpen()">My Modal</button>
 </div>

<script type="text/ng-template" id="templateId">
<div ng-controller="tt" class="ngdialog-message">
    <button ng-click="test()">Click here </button>
</div>
</script>
</div>

  var myApp = angular.module('myApp', ['ngDialog']);

myApp.controller('MyCtrl', function ($scope,ngDialog) {
    $scope.clickToOpen = function () {
       ngDialog.open({
           template: 'templateId'
        });
    };
});
myApp.controller('tt', function ($scope) {
    $scope.test = function () {
        alert('It works');
    }
});