Archive

Posts Tagged ‘angularjs’

AngularJS: Get selected Text and Value of HTML Select DropDownList using ng-change


The below HTML Markup consists of an HTML DIV to which ng-app and ng-controller AngularJS directives have been assigned.

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.

2016-06-21_1554

AngularJS Form Validation – Disable Submit / Confirm Password Custom Directive

January 21, 2016 Leave a comment

AngularJS: Bootstrap Datepicker not working inside bootstrap modal Issue

November 17, 2015 Leave a comment

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:

datepickerInModal

 

Hope it helps

open modal popup using angularjs Bootstrap

November 3, 2015 Leave a comment

AngularJS – Programmatic access for select dropdown


Set value of select dropdown in AngularJS

http://jsfiddle.net/rahuladmin/khnfvrpq/