彈出不angularjs

index.html的未來：這是HTML彈出不angularjs

<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文件的用戶界面引導。你可以發送正確的答案或代碼。我試過了，但沒有彈出。

這是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，彈出窗口不會到來。

來源

2016-04-29 kanna

你可以在plunckr或jsfiddle中分享代碼嗎？ –

打開您的控制檯，並閱讀錯誤消息。您的應用程序取決於ui.bootstrap模塊，但您沒有任何腳本在您的頁面中加載angular-ui-bootstrap。 –

您確定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

來源

2016-04-29 11:11:31 Abhinav

您需要包括-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', 
    }); 
    } 
}]);

來源

2016-04-29 11:28:40

彈出不angularjs

回答

相關問題