AngularJs - Changing the value of property

Question

I am new to anuglar Js. I am trying to figure out How do i change the property value.

 $scope.dashboards = {
                        "1": {
                            "widgets": [{
                                "row": 0,
                                "col": 0,
                                "sizeX": 2,
                                "sizeY": 1,
                                "name": "Canvas 1",
                                "canvas": "canvas_1",
                                "show": true
                            }, {
                                "row": 0,
                                "col": 2,
                                "sizeX": 2,
                                "sizeY": 1,
                                "name": "Canvas 2",
                                "canvas": "canvas_2",
                                "show": true
                            }]
                            }
                     }

On ng-click , i want to change the value of key "show" to false.

<div gridster-item="widget" ng-repeat="widget in dashboard.widgets">
    <i ng-click="changeValue(widget)" class="glyphicon glyphicon-trash">
</div>

$scope.changeValue= function (widget) {
            .....How to??
        };

do U want to change all show property value?

MohammadJavad Seyyedi
– MohammadJavad Seyyedi

2015-10-28 10:07:58 +00:00
Commented Oct 28, 2015 at 10:07 — MohammadJavad Seyyedi
– MohammadJavad Seyyedi, Commented Oct 28, 2015 at 10:07

Sajeetharan · Accepted Answer · 2015-10-28 10:07:24Z

2

Since you are already passing the current widget as a parameter, you can do Like this

$scope.changeValue= function (widget) {
        widget.show = false;
    };

answered Oct 28, 2015 at 10:07

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

Comments

André Kreienbring · Accepted Answer · 2015-10-28 10:13:32Z

2

I would not pass the widget. Instead I would pass its $index:

<i ng-click="changeValue($index)" class="glyphicon glyphicon-trash">

And then:

$scope.changeValue= function (index) {
   $scope.dashboards.1.widgets[index].show = ...
};

edited Oct 28, 2015 at 10:13

answered Oct 28, 2015 at 10:08

André Kreienbring

2,50915 silver badges16 bronze badges

Comments

Furkan Başaran · Accepted Answer · 2015-10-28 10:08:07Z

0

It's look like your array in ng-repeat is undefined in scope. You should update your codes like below;

<div gridster-item="widget" ng-repeat="widget in dashboards.1.widgets">
    <i ng-click="changeValue(widget)" class="glyphicon glyphicon-trash">
</div>

After you get related object and update show property in $scope like below:

$scope.changeValue= function (widget) {
   $scope.dashboards.1.widgets[widget].show = false;      
};

answered Oct 28, 2015 at 10:08

Furkan Başaran

1,9372 gold badges19 silver badges28 bronze badges

Comments

Priyanka · Accepted Answer · 2015-10-28 10:11:20Z

0

Simply,

$scope.changevalue= function(widget){
  for (var i = 0; i < $scope.dashboards.length; i++) {
    for (var j = 0; j < $scope.dashboards[i].widgets.length; j++) {
        if ($scope.dashboards[i].widgets[j].ID == widget.ID){
            $scope.dashboards[i].widgets[j].show= false
        }
    };  
  };      
}

answered Oct 28, 2015 at 10:11

Priyanka

2323 silver badges12 bronze badges

Collectives™ on Stack Overflow

AngularJs - Changing the value of property

4 Answers 4

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Related