Advertisement
Guest User

Untitled

a guest
Aug 18th, 2019
199
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.27 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html ng-app="Pcp">
  3. <head>
  4. <script src="js/jquery.min.js"></script>
  5. <script src="js/angular.min.js"></script>
  6. <script type="text/javascript" src="app.js"></script>
  7. <script src="ng-dialog/js/ngDialog.min.js"></script>
  8. <script src="ng-dialog/js/ngDialog.js"></script>
  9. </head>
  10. <body>
  11. <div ng-controller="MainController">
  12. <button ng-click="openTaskForm()">Open</button>
  13. </div>
  14. </body>
  15. </html>
  16.  
  17. (function(){
  18. var app = angular.module('Pcp',['ngDialog']);
  19. app.controller('MainController', function($scope, ngDialog)
  20. {
  21. $scope.openTaskForm = function(){
  22. ngDialog.open({template: 'addTaskForm.html'
  23.  
  24. });
  25.  
  26. };
  27. }
  28. );
  29.  
  30. })();
  31.  
  32. <div>
  33. <h2>Contact us<h2>
  34. <input type="text" placeholder="Name" ng-model="name" />
  35. <input type="text" placeholder="Email" ng-model="email" />
  36. <input type="text" placeholder="Mobile" ng-model="mobile" />
  37. <textarea placeholder="Enter your message or query..." ng-model="message"></textarea>
  38. <div class="ngdialog-buttons">
  39. <button type="button" class="ngdialog-button ngdialog-button-secondary" ng-click=closeThisDialog("Cancel")>Cancel</button>
  40. <button type="button" class="ngdialog-button ngdialog-button-primary" ng-click=confirm("OK")>OK</button>
  41. </div>
  42. </div>
  43.  
  44. <head>
  45. <script src="js/jquery.min.js"></script>
  46. <script src="js/angular.min.js"></script>
  47. <script type="text/javascript" src="app.js"></script>
  48. <script src="ng-dialog/js/ngDialog.min.js"></script>
  49. <script src="ng-dialog/js/ngDialog.js"></script>
  50.  
  51. <link rel="stylesheet" th:href="@{/css/ngDialog.css}" href="../../css/ngDialog.css" > </link>
  52. <link rel="stylesheet" th:href="@{/css/ngDialog-theme-default.css}" href="../../css/ngDialog-theme-default.css" > </link>
  53. </head>
  54.  
  55. ngDialog.open({
  56. template: 'addTaskForm.html',
  57. scope : $scope,
  58. resolve: {
  59. data: function sendData() {
  60. return data; // if you need to pass any data
  61. }
  62. }
  63. });
  64.  
  65. <link href='@Styles.Url("~/lib/Dialog/ngDialog-theme-default.css")' rel="stylesheet" type="text/css" media="screen" />
  66. <link href='@Styles.Url("~/lib/Dialog/ngDialog-theme-plain.css")' rel="stylesheet" type="text/css" media="screen" />
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement