$scope how to use variable in angular js

Question

I am using angular JS. Below is my Angular code

$scope.remove = function (index) {

            var name = $scope.data.Filters[index].FilterName;  

            // value of name = 'AAAA' or 'BBBB' and so on 

            $scope. data. Filters. splice (index, 1);
            $scope.Json = angular.toJson($scope.data);
        };

And my HTML is

<div><small>{{AAAA}}</small></div>
<div><small>{{BBBB}}</small></div>
<select class="BBBB"> <option> .... </select>
<select class="AAAA"> <option> .... </select>

Based on the value of name i want to reset the {{ }} vale in my view.

Say for an example Example

reset the value of {{AAAA}} if name = AAAA

so how can i use the variable name like below UPDATED

var name = $scope.data.Filters[index].FilterName;
$scope.name = "" /// How can i do like this 
$(name).selectpicker('deselectAll');

Can anyone help me

Thanks,

dfsq · Accepted Answer · 2014-11-27 10:32:40Z

2

You should use bracket notation for this. Using it you can target property of the object with the name stored in variable:

$scope[name] = '';

answered Nov 27, 2014 at 10:32

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

6 Comments

backtrack Over a year ago

Wow. i am out of mind and It solved my problem. Simple solutions are always difficult find. Thanks a lot

dfsq Over a year ago

Glad it helped you. When you use dot notation like $scope.name it's interpreted literally as property name of the object $scope. With bracket syntax you can provide any variable name.

backtrack Over a year ago

Ho can i use the $(name).selectpicker('deselectAll'); it ??

dfsq Over a year ago

I'm confused. What is name then if you use it like CSS selector?

dfsq Over a year ago

Then try $('.' + name).selectpicker('deselectAll'); but be aware that mixing jQuery with angular like this is not very good practice.

|

Sjoerd de Wit · Accepted Answer · 2014-11-27 10:32:47Z

1

If you want to display the value of name you can either do this:

<div><small ng-bind="name"></small></div>

Or you can do this:

<div><small>{{name}}</small></div>

answered Nov 27, 2014 at 10:32

Sjoerd de Wit

2,4135 gold badges28 silver badges47 bronze badges

Collectives™ on Stack Overflow

$scope how to use variable in angular js

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related