ポップアップがangularjs

のindex.htmlに来ていない：JSファイルのUIブートストラップ：これは、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です。あなたは正しい答えやコードを送ることができます。私は試したが、ポップアップに来ていない。

これは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モジュールに依存しますが、ページにangle-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', 
     }); 
    } 

}]);

はhere-

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

出典

2016-04-29 11:11:31 Abhinav

あなたは-tpls.jsファイルaswellを含める必要がありplunkrを参照してください、そのファイルはあなたが使用できるように、独自のテンプレートが$ templates.cacheに入るようになりますあなた自身の。

あなたはtplsファイルをインストールしたことがありません。

また$modalの代わりに$uibModalであるべきではありませんか？
ように

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

答えて

関連する問題