Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html ng-app="Pcp">
- <head>
- <script src="js/jquery.min.js"></script>
- <script src="js/angular.min.js"></script>
- <script type="text/javascript" src="app.js"></script>
- <script src="ng-dialog/js/ngDialog.min.js"></script>
- <script src="ng-dialog/js/ngDialog.js"></script>
- </head>
- <body>
- <div ng-controller="MainController">
- <button ng-click="openTaskForm()">Open</button>
- </div>
- </body>
- </html>
- (function(){
- var app = angular.module('Pcp',['ngDialog']);
- app.controller('MainController', function($scope, ngDialog)
- {
- $scope.openTaskForm = function(){
- ngDialog.open({template: 'addTaskForm.html'
- });
- };
- }
- );
- })();
- <div>
- <h2>Contact us<h2>
- <input type="text" placeholder="Name" ng-model="name" />
- <input type="text" placeholder="Email" ng-model="email" />
- <input type="text" placeholder="Mobile" ng-model="mobile" />
- <textarea placeholder="Enter your message or query..." ng-model="message"></textarea>
- <div class="ngdialog-buttons">
- <button type="button" class="ngdialog-button ngdialog-button-secondary" ng-click=closeThisDialog("Cancel")>Cancel</button>
- <button type="button" class="ngdialog-button ngdialog-button-primary" ng-click=confirm("OK")>OK</button>
- </div>
- </div>
- <head>
- <script src="js/jquery.min.js"></script>
- <script src="js/angular.min.js"></script>
- <script type="text/javascript" src="app.js"></script>
- <script src="ng-dialog/js/ngDialog.min.js"></script>
- <script src="ng-dialog/js/ngDialog.js"></script>
- <link rel="stylesheet" th:href="@{/css/ngDialog.css}" href="../../css/ngDialog.css" > </link>
- <link rel="stylesheet" th:href="@{/css/ngDialog-theme-default.css}" href="../../css/ngDialog-theme-default.css" > </link>
- </head>
- ngDialog.open({
- template: 'addTaskForm.html',
- scope : $scope,
- resolve: {
- data: function sendData() {
- return data; // if you need to pass any data
- }
- }
- });
- <link href='@Styles.Url("~/lib/Dialog/ngDialog-theme-default.css")' rel="stylesheet" type="text/css" media="screen" />
- <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