angularjs unable to call function dynamically

Question

i am creating a web app in which i have two dropdownlist

<tr style="width:80%; border:1px solid black;">
              <td style="text-align:center; width:50%;">
                  Comname
              </td>
              <td style="width:50%; border:1px solid black; padding:3px; text-align:center;">
                  <select ng-change="gbrandname()" ng-init="ucomname='comname'" ng-model="ucomname">
                      <option ng-repeat="o in comnamelistfun" value="comname">{{o.comname}}</option>
                  </select>
              </td>
          </tr>
          <tr style="width:80%; border:1px solid black;">
              <td style="text-align:center; width:50%;">
                  Brand Name
              </td>
              <td style="width:50%; border:1px solid black; padding:3px; text-align:center;">
                  <select ng-change="getzone()" ng-init="ubrandname='select'" ng-model="ubrandname">
                      <option ng-repeat="o in gbrand" value="brandname">{{o.brandname}}</option>
                  </select>
              </td>
          </tr>

on comname change i want to call the data from my database as per the selected company of my first dropdownlist

here is my function

//brandname
        $scope.gbrandname = function () {
            $http.get('/csuv5.asmx/getbrand', {
                params: {
                    log: 'admin',
                    comname: 'QED Productions Pvt Ltd',
                    pm: 'admin'
                }
            })

            .then(function (response) {
                {
                    $scope.gbrand = response.data.brandname;
                    console.log(response.data.branname);
                }
            });
    }

i pass those parameters in my function and print it but it is not showing me any data on my second dropdownlist

but when i pass static parameters in my function its working

this is my function with static parameter, this is working fine

//brandname
        //$scope.gbrandname = function () {
            $http.get('/csuv5.asmx/getbrand', {
                params: {
                    log: 'admin',
                    comname: 'QED Productions Pvt Ltd',
                    pm: 'admin'
                }
            })

            .then(function (response) {
                {
                    $scope.gbrand = response.data.brandname;
                    console.log(response.data.branname);
                }
            });
    //}

and even ng-click also working

what is wrong with ng-change?

Can you add your code in Plunker or JSFiddle?

Rutvik Bhatt
– Rutvik Bhatt

2016-10-17 09:10:04 +00:00
Commented Oct 17, 2016 at 9:10 — Rutvik Bhatt
– Rutvik Bhatt, Commented Oct 17, 2016 at 9:10
@RutvikBhatt i can but i am fetching the data from database

user6656724
– user6656724

2016-10-17 09:11:44 +00:00
Commented Oct 17, 2016 at 9:11 — user6656724
– user6656724, Commented Oct 17, 2016 at 9:11

ram1993 · Accepted Answer · 2016-10-17 11:46:58Z

1

Change value="comname" in <option ng-repeat="o in comnamelistfun" value="comname"> to either ng-value="comname" or value="{{comname}}"

ng-change not triggering as value doesn't change. You have provided static value "comname".

answered Oct 17, 2016 at 11:46

ram1993

9711 gold badge9 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

sisyphus · Accepted Answer · 2016-10-17 10:29:52Z

Where is the function call with dynamic variables? Your function has hardcoded values.

Also, before even the function call, try a test function to check if the value of dropdown is being captured or even before that if the function is being called. If the function is being called, and the value is reflecting, you can proceed with a database call.

<select ng-change="`gbrandname`(ucomname)" ng-init="ucomname='comname'" ng-model="ucomname">
                  <option ng-repeat="o in comnamelistfun" value="{{comname}}">{{o.comname}}</option>
              </select>

And then the function call:

var gbrandname = function(ucomname){alert(ucomname.comname)}

You can refer to this plnkr that I just created for you:

Collectives™ on Stack Overflow

angularjs unable to call function dynamically

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related