Change Dropdown option on Button Click in Angular JS

Question

i want to change the dropdown options dynamically on click of button

HTML Code

 <ul data-role="listview" data-inset="true">
     <li ng-controller="exerciseTypeCtrl">
          <select id="exerciseType" data-role="listview" ng-options="type as type.text for type in types.cast " ng-model="item" ng-change="update()">
          </select>
    </li>
 </ul>

Using This JS

var myApp = angular.module('myApp',[]);

myApp.controller('exerciseTypeCtrl',function($scope,indoors,outdoors)
{
    $scope.types = indoors;
    $scope.update = function() {
    }
});

By Default I bind data indoors and I want to bind outdoors data on ng-click event so drop down updates dynamically I need Help on this issue

Unless there is something you are not including in your question, this seems simple enough. What have you tried ? — Simon Belanger
– Simon Belanger, Commented Sep 21, 2013 at 11:44
i want to change data in dropdown when say. some botton click event what i have to do in that click event of button to replace data to the new one i have tow datas one in indoors that already bind and other is outdoors that i want to replace on click event i am new in angular-js — Blu
– Blu, Commented Sep 21, 2013 at 11:48
@SimonBelanger please check this question stackoverflow.com/questions/18932585/… — Blu
– Blu, Commented Sep 21, 2013 at 12:27
@Chandermani my indoor and outdoor objects are like below var outdoors = {}; outdoors.cast = [{ value: "00", text: "OutDoor" }]; var indoors = {}; indoors.cast = [ { value: "11", text: "InDoor" }]; yes — Blu
– Blu, Commented Sep 22, 2013 at 11:33

Nitish Kumar · Accepted Answer · 2013-09-22 11:45:43Z

1

$scope.update = function() {
};

Replace To:

$scope.update = function() {
    $scope.types = outdoors;
}

See DEMO

answered Sep 22, 2013 at 11:45

Nitish Kumar

4,8503 gold badges22 silver badges38 bronze badges

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

Comments

Blu · Accepted Answer · 2013-09-22 11:35:49Z

0

For this you should make button under the same ng-controller scope in which you defined select component and then on ng-click event of that button you call function which you will create in same controller like your update function and in that function you will assign new values like $scope.types = outdoorsin it

I create simple example for this you should check this out Thanks

edited Sep 22, 2013 at 11:35

answered Sep 22, 2013 at 11:30

Blu

4,0646 gold badges41 silver badges65 bronze badges

Collectives™ on Stack Overflow

Change Dropdown option on Button Click in Angular JS

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related