Revisions to Bootstrap dialog in Angular js

Fix case, trim chat and complaints, trim repeated please-help begging

edited Nov 4, 2017 at 11:41

20.2k
20
110
207

I am new to Angular JS. I started learning Angular JS today. Before I was using JqueryjQuery and bootstrapBootstrap for front-end. Now I want to show bootstrapBootstrap dialog box using Angular jsAngularJS. I found this, https://angular-ui.github.io/bootstrap/. But there are so many things difficult for beginners to understand. So just teach me and correct my code to show bootstrap dialog.

But there are so many things difficult for beginners to understand. How can I correct my code to show bootstrap dialog?

But my code is not working. In docs, they never explain step by step. There are too many options I do not know in this for example "myModalContent.html" is from where? So please can IWould you explain me step by step to show bootstrapBootstrap dialog box in angular js. Please guide me a simple example. Please help me.AngularJS?

It shows like this :

It is not working as well. Please help me. How can I show bootstrap dialog in Angular js. I googled and followed the tutorials. All not just working. Please help me.AngularJS?

added 1337 characters in body; edited tags

Source Link

edited Sep 19, 2016 at 10:14

Wai Yan Hein

15k
43
216
428

I tried this way as well

<html> <head> <title>Angular</title> <script src="angular-js.min.js"></script> <script src="angular-js.animate.min.js"></script> <script src="angular-js.sanitize.min.js"></script> <script src="angular-js.touch.min.js"></script> <script src="bootstrap.ui.js"></script> <link href="bootstrap.css" rel="stylesheet"> </head> <body ng-app="MyApp" ng-controller="MyCtrl"> <button class="btn" ng-click="open()">Open Modal</button> <div modal="showModal" close="cancel()"> <div class="modal-header"> <h4>Modal Dialog</h4> </div> <div class="modal-body"> <p>Example paragraph with some text.</p> </div> </div> </body> <script> var app = angular.module("MyApp",["ui.bootstrap.modal"]); app.controller('MyCtrl',function($scope){ $scope.open = function() { $scope.showModal = true; }; }) </script> </html>

It shows like this

It is not working as well. Please help me. How can I show bootstrap dialog in Angular js. I googled and followed the tutorials. All not just working. Please help me.

I tried this way as well

<html> <head> <title>Angular</title> <script src="angular-js.min.js"></script> <script src="angular-js.animate.min.js"></script> <script src="angular-js.sanitize.min.js"></script> <script src="angular-js.touch.min.js"></script> <script src="bootstrap.ui.js"></script> <link href="bootstrap.css" rel="stylesheet"> </head> <body ng-app="MyApp" ng-controller="MyCtrl"> <button class="btn" ng-click="open()">Open Modal</button> <div modal="showModal" close="cancel()"> <div class="modal-header"> <h4>Modal Dialog</h4> </div> <div class="modal-body"> <p>Example paragraph with some text.</p> </div> </div> </body> <script> var app = angular.module("MyApp",["ui.bootstrap.modal"]); app.controller('MyCtrl',function($scope){ $scope.open = function() { $scope.showModal = true; }; }) </script> </html>

It shows like this

It is not working as well. Please help me. How can I show bootstrap dialog in Angular js. I googled and followed the tutorials. All not just working. Please help me.