parent | Tech Tips & Tricks

Form Undefined In Bootstrap Modal Dialog Under Angular JS

April 25, 2015 by blogmeister·0 Comments

So when I was using Angular JS, I wanted to set the form in a modal dialog window back to its pristine state whenever it was shown.

Problem was, the form is always undefined. If I place a code within the modal window, the form exists but when I call it in a Javascript function, it is undefined.

The solution is to add $parent to your form name like this:

<form name="$parent.myForm"> ...

1	<form name="$parent.myForm"> ...

This will automatically create the form object in your parent controller. Then, you can simply access it using the scope like $scope.myForm.

Creating Cascading Dropdown Select In Angular JS

February 4, 2015 by blogmeister·0 Comments

Before Angular JS, my idea of a cascading dropdown select would be to some dropdown components in my HTML page and loading the children based on its parent.

With Angular JS, I would recommend you avoid this style. Why create so 2 dropdown controls when you can have only one and show the options in a tree like structure together with its parent?

If your hierarchy involves more than 2 levels, you can easily create a directive for it.

For simplicity’s sake, rather than showing 2 dropdown controls and changing the second dropdown based on the parent chosen in the first dropdown, you can use the “group by” keyword in the ng-option attribute of the SELECT tag.

Think of “group by” the same way you do in SQL. Pretty easy, right?

A sample code would be:

ng-option="bt.id_of_child as bt.child_name group by bt.parent_name for bt in batchTypes"

1	ng-option="bt.id_of_child as bt.child_name group by bt.parent_name for bt in batchTypes"

Tech Tips & Tricks

tech tips gadgets programming software

Tag: parent