Archive
AngularJS: Get selected Text and Value of HTML Select DropDownList using ng-change
The HTML DIV consists of an HTML Select DropDownList which will be populated from JSON array using ng-options directive.
The HTML Select DropDownList has been assigned ng-change directive. When an option is selected in HTML Select DropDownList then the GetValue function of the Controller gets called.
Inside the function, first the selected Value is fetched from the ng-model attribute and the selected Text is fetched from the JSON array using jQuery grep function.
Finally the selected Text and Value is displayed using JavaScript alert message box.
AngularJS Form Validation – Disable Submit / Confirm Password Custom Directive
How to launch Bootstrap modal on page load
To open bootstrap modal popup on page load use following
You can use the Bootstrap .modal('show') method for launching the modal window automatically when page load without clicking anything. A common example of this technique is loading the modal when user landed on the home page
Use the Bootstrap .modal('show') method
Example:
http://jsfiddle.net/rahuladmin/rL4jufcL/
Hope this help !
AngularJS: Bootstrap Datepicker not working inside bootstrap modal Issue
Issue :
The datepicker is working fine in all pages but when we add it inside a bootstrap modal (link below) it stop working.
Bootstrap Modal:
http://getbootstrap.com/2.3.2/javascript.html#modals
Same code is working in normal html files like below
http://jsfiddle.net/rahuladmin/6f4a6097/2/
Solution:
You need to call datepicker() in Modal itself like below:
Hope it helps
Rahul Bhatia
Comments