Question

index.html：这是html

<html ng-app="myapp">
<head>
<title>shruthi reddy</title>


 <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!--<script type="text/javascript">window.NRUM ||(NREUM={}),__nr_require=function(e,t...</script>-->
<script src="js/app.js"></script>
</head>
<body ng-controller="Controller">
<h1> ASHOK KUMAR PETLA</h1>
<P>VIJAYAWADA IS KING IS VANGAVEETI MOHAN RANGA. </P>
<button type="submit" ng-click="create()">swathi</button>
<button type="submit" ng-click="subject()">srisha</button>
<button type="submit" ng-click="delete()">ramya</button>
<button type="submit" ng-click="edit()">sunitha</button>
</body>
</html>

APP.JS：js文件中的ui bootstrap。你可以发送正确的答案或代码。我试过但不是弹出窗口。

这是index.html的脚本

var app=angular.module('myapp', ['ui.bootstrap']);
app.controller('Controller',['$scope', '$modal',function($scope,$modal){
    $scope.create=function(){
        var modalInstance=$modal.open({
            templateUrl:'views/prakash.html',
        });
    }

}]);

index.html和app.js。如果单击swathi，则弹出窗口不会出现。

Answer 1

你确定你提供的templateUrl是正确的还是html文件可用？

或确保您已初始化所有必需的相关模块，例如ui-bootstrap-tpls-0.12.1.js

我为你的代码创建了一个plunkr，这是有效的。

var app=angular.module('myapp', ['ui.bootstrap']);
app.controller('Controller',['$scope', '$modal',function($scope,$modal){
    $scope.create=function(){
        var modalInstance=$modal.open({
            templateUrl:'mypage.html',
        });
    }

}]);

请在此处查看plunkr -

http://plnkr.co/edit/GRgjv8fyquOQirXwWaWQ?p=preview

Answer 2

您还需要包含-tpls.js文件，该文件将使您自己的模板进入$ templates.cache，以便您可以使用自己的模板。

我无法看到您已安装tpls文件。

也不应该是$uibModal而不是$modal？如此

var app=angular.module('myapp', ['ui.bootstrap']);
app.controller('Controller',['$scope', '$uibModal', function($scope, $uibModal) {
  $scope.create=function(){
    var modalInstance=$modal.open({
        templateUrl:'views/prakash.html',
    });
  }
}]);

popup不是来自angularjs

2 个答案: